Spaces:
Running
Running
Change the phone number under Contact Us from (470) 509-9411 to (765) 426-1991 - Follow Up Deployment
97875ea verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Legacy Agency Partners | Career Opportunities</title> | |
| <!-- Open Graph Meta Tags --> | |
| <meta property="og:type" content="website"> | |
| <meta property="og:title" content="Legacy Agency Partners | Career Opportunities"> | |
| <meta property="og:description" content="Build a Rewarding Career in Life Insurance"> | |
| <meta property="og:image" content="https://images1.loopnet.com/i2/K2V5AhJ-KvpXYjGg6uIfZCJh-qfOLE_3cOR4OWU-st8/117/iimage.jpg"> | |
| <meta property="og:url" content="https://huggingface.co/spaces/LegacyAgency/Careers"> | |
| <meta property="og:site_name" content="Legacy Agency Partners"> | |
| <!-- Twitter Card Meta Tags --> | |
| <meta name="twitter:card" content="summary_large_image"> | |
| <meta name="twitter:title" content="Legacy Agency Partners | Career Opportunities"> | |
| <meta name="twitter:description" content="Build a Rewarding Career in Life Insurance"> | |
| <meta name="twitter:image" content="https://images1.loopnet.com/i2/K2V5AhJ-KvpXYjGg6uIfZCJh-qfOLE_3cOR4OWU-st8/117/image.jpg"> | |
| <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, #000000 0%, #333333 100%); | |
| } | |
| .benefit-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); | |
| } | |
| .testimonial-card { | |
| transition: all 0.3s ease; | |
| } | |
| .testimonial-card:hover { | |
| transform: scale(1.02); | |
| } | |
| .application-form { | |
| box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans antialiased text-yellow-400 bg-black"> | |
| <!-- Navigation --> | |
| <nav class="bg-black shadow-lg sticky top-0 z-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between h-16"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0 flex items-center"> | |
| <i class="fas fa-shield-alt text-blue-600 text-2xl mr-2"></i> | |
| <span class="text-xl font-bold text-yellow-400">Legacy Agency Partners</span> | |
| </div> | |
| </div> | |
| <div class="hidden md:flex items-center space-x-8"> | |
| <a href="#about" class="text-yellow-400 hover:text-yellow-300 px-3 py-2 font-medium">About Us</a> | |
| <a href="#benefits" class="text-yellow-400 hover:text-yellow-300 px-3 py-2 font-medium">Benefits</a> | |
| <a href="#apply" class="bg-yellow-500 hover:bg-yellow-600 text-black px-4 py-2 rounded-md font-medium transition duration-300">Apply Now</a> | |
| </div> | |
| <div class="md:hidden flex items-center"> | |
| <button class="mobile-menu-button p-2 rounded-md text-gray-700 hover:text-blue-600 focus:outline-none"> | |
| <i class="fas fa-bars text-xl"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Mobile menu --> | |
| <div class="mobile-menu hidden md:hidden bg-gray-800 shadow-lg"> | |
| <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3"> | |
| <a href="#about" class="block px-3 py-2 text-base font-medium text-yellow-500 hover:text-white">About Us</a> | |
| <a href="#benefits" class="block px-3 py-2 text-base font-medium text-yellow-500 hover:text-white">Benefits</a> | |
| <a href="#apply" class="block px-3 py-2 text-base font-medium text-yellow-500">Apply Now</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Calendly badge widget begin --> | |
| <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet"> | |
| <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script> | |
| <script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/legacyagency/orientation?background_color=0a0d16&text_color=ffb41a', text: 'Orientation Dates (LIMITED)', color: '#ff3200', textColor: '#ffffff', branding: true }); }</script> | |
| <!-- Calendly badge widget end --> | |
| <!-- Hero Section --> | |
| <section class="hero-gradient text-yellow-500"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 md:py-28"> | |
| <div class="md:flex items-center"> | |
| <div class="md:w-1/2 mb-10 md:mb-0"> | |
| <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6">Build a Rewarding Career in Life Insurance</h1> | |
| <p class="text-xl md:text-2xl mb-8 text-yellow-300 opacity-90">Join Legacy Agency Partners and help families protect their futures while building your own successful career.</p> | |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <a href="#apply" class="bg-yellow-500 hover:bg-yellow-600 text-gray-900 px-6 py-3 rounded-md font-bold text-lg text-center transition duration-300">Apply Today</a> | |
| <a href="#about" class="border-2 border-yellow-500 text-yellow-500 hover:bg-white hover:text-blue-600 px-6 py-3 rounded-md font-bold text-lg text-center transition duration-300">Learn More</a> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center"> | |
| <img src="https://images1.loopnet.com/i2/K2V5AhJ-KvpXYjGg6uIfZCJh-qfOLE_3cOR4OWU-st8/117/image.jpg" class="rounded-lg shadow-2xl max-w-md w-full"> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Stats Section --> | |
| <section class="bg-gray-900 py-12"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-4"> | |
| <div class="p-6 text-center"> | |
| <div class="text-4xl font-bold text-yellow-500 mb-2">100+</div> | |
| <div class="text-yellow-500">Agents Nationwide</div> | |
| </div> | |
| <div class="p-6 text-center"> | |
| <div class="text-4xl font-bold text-yellow-500 mb-2">12-20</div> | |
| <div class="text-yellow-500">Inbound Leads Per Day</div> | |
| </div> | |
| <div class="p-6 text-center"> | |
| <i class="fas fa-phone-alt text-4xl text-yellow-500 mb-2"></i> | |
| <div class="text-yellow-500">Inbound Calls Only<br>(No Cold Calls)</div> | |
| </div> | |
| <div class="p-6 text-center"> | |
| <i class="fas fa-chart-line text-4xl text-yellow-500 mb-2"></i> | |
| <div class="text-yellow-500">Quarterly Raises</div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- About Section --> | |
| <section id="about" class="py-20 hero-gradient"> | |
| <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 md:text-4xl font-bold text-yellow-500 mb-4">Why Choose Legacy Agency Partners?</h2> | |
| <div class="w-20 h-1 bg-yellow-500 mx-auto"></div> | |
| </div> | |
| <div class="md:flex items-center"> | |
| <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10"> | |
| <img src="https://images1.loopnet.com/i2/-q0prIhnR0j3f7JkvjWpaXiuIzl0OX_TfrU-BCRvVDo/110/605-Crescent-Executive-Ct-Lake-Mary-FL-Interior-Photo-1-Large.jpg" class="rounded-lg shadow-lg w-full"> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <h3 class="text-2xl md:text-3xl font-bold text-yellow-500 mb-6">A Legacy of Protecting Families</h3> | |
| <p class="text-yellow-300 mb-6 text-lg">Since 2024, Legacy Agency Partners has been committed to providing families with the financial security they need through comprehensive life insurance solutions. We believe in building long-term relationships with both our clients and our agents.</p> | |
| <div class="space-y-6"> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 mt-1"> | |
| <i class="fas fa-check-circle text-blue-600 text-xl"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <h4 class="text-lg font-semibold text-yellow-500">Industry-Leading Training</h4> | |
| <p class="text-yellow-500">Our comprehensive training program equips you with all the knowledge and tools needed to succeed.</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 mt-1"> | |
| <i class="fas fa-check-circle text-blue-600 text-xl"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <h4 class="text-lg font-semibold text-yellow-500">Ethical Business Practices</h4> | |
| <p class="text-yellow-500">We pride ourselves on maintaining the highest ethical standards in all our dealings.</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 mt-1"> | |
| <i class="fas fa-check-circle text-blue-600 text-xl"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <h4 class="text-lg font-semibold text-yellow-500">Growth Opportunities</h4> | |
| <p class="text-yellow-500">With clear career paths, you can grow from agent to agency owner and beyond.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Benefits Section --> | |
| <section id="benefits" class="py-20 hero-gradient"> | |
| <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 md:text-4xl font-bold text-yellow-500 mb-4">Agent Benefits</h2> | |
| <p class="text-xl text-yellow-400 max-w-3xl mx-auto">We invest in our agents' success with industry-leading compensation and support</p> | |
| <div class="w-20 h-1 bg-yellow-500 mx-auto mt-4"></div> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Benefit 1 --> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-md benefit-card transition duration-300"> | |
| <div class="text-yellow-500 mb-4"> | |
| <i class="fas fa-hand-holding-usd text-4xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-yellow-400 mb-3">Commissions</h3> | |
| <p class="text-yellow-500 mb-0">Earn up to 120% of first-year premiums with our competitive commission structure and bonus opportunities.</p> | |
| </div> | |
| <!-- Benefit 2 --> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-md benefit-card transition duration-300"> | |
| <div class="text-yellow-500 mb-4"> | |
| <i class="fas fa-chart-line text-4xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-yellow-400 mb-3">Residual Income</h3> | |
| <p class="text-yellow-500">Build a portfolio that generates renewals year after year, creating long-term financial stability.</p> | |
| </div> | |
| <!-- Benefit 3 --> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-md benefit-card transition duration-300"> | |
| <div class="text-yellow-500 mb-4"> | |
| <i class="fas fa-graduation-cap text-4xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-yellow-500 mb-3">Ongoing Training</h3> | |
| <p class="text-yellow-500">Access our award-winning training portal with live coaching, webinars, and certification programs.</p> | |
| </div> | |
| <!-- Benefit 4 --> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-md benefit-card transition duration-300"> | |
| <div class="text-yellow-500 mb-4"> | |
| <i class="fas fa-laptop text-4xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-yellow-500 mb-3">Technology Suite</h3> | |
| <p class="text-yellow-500">Get premium CRM tools, quoting software, and marketing automation at no additional cost.</p> | |
| </div> | |
| <!-- Benefit 5 --> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-md benefit-card transition duration-300"> | |
| <div class="text-yellow-500 mb-4"> | |
| <i class="fas fa-users text-4xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-yellow-500 mb-3">Mentorship Program</h3> | |
| <p class="text-yellow-500">Be paired with a top-producing mentor who will guide you through your first 90 days and beyond.</p> | |
| </div> | |
| <!-- Benefit 6 --> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-md benefit-card transition duration-300"> | |
| <div class="text-yellow-500 mb-4"> | |
| <i class="fas fa-globe-americas text-4xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-yellow-500 mb-3">Flexible Schedule</h3> | |
| <p class="text-yellow-500">Design your ideal work schedule with the freedom to work from home or our local offices.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section class="py-16 bg-black text-yellow-500"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Start Your Legacy Journey?</h2> | |
| <p class="text-xl mb-8 max-w-3xl mx-auto">Join our next virtual information session to learn more about career opportunities</p> | |
| <a href="#apply" class="bg-yellow-500 hover:bg-yellow-600 text-gray-900 px-8 py-3 rounded-md font-bold text-lg inline-block transition duration-300">Register Now</a> | |
| </div> | |
| </section> | |
| <!-- Application Form --> | |
| <section id="apply" class="py-20 hero-gradient"> | |
| <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="bg-gray-800 rounded-xl application-form p-8 md:p-10"> | |
| <div class="text-center mb-10"> | |
| <h2 class="text-3xl font-bold text-yellow-500 mb-2">Application Form</h2> | |
| <p class="text-yellow-400">Complete this form and our recruitment team will contact you within 24 hours</p> | |
| </div> | |
| <form id="careerForm" class="space-y-6" action="https://formspree.io/f/mqalrgqv" method="POST"> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> | |
| <div> | |
| <label for="firstName" class="block text-sm font-medium text-yellow-500 mb-1">First Name*</label> | |
| <input type="text" id="firstName" name="firstName" required class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-md focus:ring-yellow-500 focus:border-yellow-500 text-white"> | |
| </div> | |
| <div> | |
| <label for="lastName" class="block text-sm font-medium text-yellow-500 mb-1">Last Name*</label> | |
| <input type="text" id="lastName" name="lastName" required class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-md focus:ring-yellow-500 focus:border-yellow-500 text-white"> | |
| </div> | |
| </div> | |
| <div> | |
| <label for="email" class="block text-sm font-medium text-yellow-500 mb-1">Email*</label> | |
| <input type="email" id="email" name="email" required class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-md focus:ring-yellow-500 focus:border-yellow-500 text-white"> | |
| </div> | |
| <div> | |
| <label for="phone" class="block text-sm font-medium text-yellow-500 mb-1">Phone Number*</label> | |
| <input type="tel" id="phone" name="phone" required class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-md focus:ring-yellow-500 focus:border-yellow-500 text-white"> | |
| </div> | |
| <div> | |
| <label for="experience" class="block text-sm font-medium text-yellow-500 mb-1">Do you have a life insurance license?*</label> | |
| <select id="experience" name="experience" required class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-md focus:ring-yellow-500 focus:border-yellow-500 text-white"> | |
| <option value="">Select an option</option> | |
| <option value="yes">Yes</option> | |
| <option value="in-process">No, but I am studying for the exam</option> | |
| <option value="no">No</option> | |
| </select> | |
| </div> | |
| <div> | |
| <label for="location" class="block text-sm font-medium text-yellow-500 mb-1">Location (State)*</label> | |
| <select id="location" name="location" required class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-md focus:ring-yellow-500 focus:border-yellow-500 text-white"> | |
| <option value="">Select your state</option> | |
| <option value="AL">Alabama</option> | |
| <option value="AK">Alaska</option> | |
| <option value="AZ">Arizona</option> | |
| <option value="AR">Arkansas</option> | |
| <option value="CA">California</option> | |
| <option value="CO">Colorado</option> | |
| <option value="CT">Connecticut</option> | |
| <option value="DE">Delaware</option> | |
| <option value="FL">Florida</option> | |
| <option value="GA">Georgia</option> | |
| <option value="HI">Hawaii</option> | |
| <option value="ID">Idaho</option> | |
| <option value="IL">Illinois</option> | |
| <option value="IN">Indiana</option> | |
| <option value="IA">Iowa</option> | |
| <option value="KS">Kansas</option> | |
| <option value="KY">Kentucky</option> | |
| <option value="LA">Louisiana</option> | |
| <option value="ME">Maine</option> | |
| <option value="MD">Maryland</option> | |
| <option value="MA">Massachusetts</option> | |
| <option value="MI">Michigan</option> | |
| <option value="MN">Minnesota</option> | |
| <option value="MS">Mississippi</option> | |
| <option value="MO">Missouri</option> | |
| <option value="MT">Montana</option> | |
| <option value="NE">Nebraska</option> | |
| <option value="NV">Nevada</option> | |
| <option value="NH">New Hampshire</option> | |
| <option value="NJ">New Jersey</option> | |
| <option value="NM">New Mexico</option> | |
| <option value="NY">New York</option> | |
| <option value="NC">North Carolina</option> | |
| <option value="ND">North Dakota</option> | |
| <option value="OH">Ohio</option> | |
| <option value="OK">Oklahoma</option> | |
| <option value="OR">Oregon</option> | |
| <option value="PA">Pennsylvania</option> | |
| <option value="RI">Rhode Island</option> | |
| <option value="SC">South Carolina</option> | |
| <option value="SD">South Dakota</option> | |
| <option value="TN">Tennessee</option> | |
| <option value="TX">Texas</option> | |
| <option value="UT">Utah</option> | |
| <option value="VT">Vermont</option> | |
| <option value="VA">Virginia</option> | |
| <option value="WA">Washington</option> | |
| <option value="WV">West Virginia</option> | |
| <option value="WI">Wisconsin</option> | |
| <option value="WY">Wyoming</option> | |
| </select> | |
| </div> | |
| <div class="flex items-center"> | |
| <input id="consent" name="consent" type="checkbox" required class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"> | |
| <label for="consent" class="ml-2 block text-sm text-yellow-500"> | |
| I consent to Legacy Agency Partners contacting me about career opportunities via the information provided. | |
| </label> | |
| </div> | |
| <div> | |
| <label for="question" class="block text-sm font-medium text-yellow-500 mb-1">Questions? (Optional)</label> | |
| <textarea id="question" name="question" rows="3" class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-md focus:ring-yellow-500 focus:border-yellow-500 text-white" placeholder="Have any questions about the position or application process? Let us know here..."></textarea> | |
| </div> | |
| <div> | |
| <button type="submit" class="w-full bg-yellow-500 hover:bg-yellow-600 text-gray-900 font-bold py-3 px-4 rounded-md transition duration-300"> | |
| Submit Application | |
| </button> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white pt-16 pb-8"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-12"> | |
| <div> | |
| <div class="flex items-center mb-4"> | |
| <i class="fas fa-shield-alt text-yellow-500 text-2xl mr-2"></i> | |
| <span class="text-xl font-bold">Legacy Agency Partners</span> | |
| </div> | |
| <p class="text-yellow-300 mb-4">Protecting families and building futures.</p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin-in"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Quick Links</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#about" class="text-yellow-400 hover:text-yellow-300">About Us</a></li> | |
| <li><a href="#benefits" class="text-yellow-400 hover:text-yellow-300">Agent Benefits</a></li> | |
| <li><a href="#testimonials" class="text-yellow-400 hover:text-yellow-300">Success Stories</a></li> | |
| <li><a href="#apply" class="text-yellow-400 hover:text-yellow-300">Apply Now</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Contact Us</h3> | |
| <ul class="space-y-2 text-yellow-400"> | |
| <li class=" flex items-start"> | |
| <i class="fas fa-map-marker-alt mt-1 mr-3 text-yellow-500"></i> | |
| <span>615 Crescent Executive Ct Suite 500<br>Lake Mary, FL 32746</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-phone-alt mr-3 text-yellow-500"></i> | |
| <span>(765) 426-1991</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-envelope mr-3 text-yellow-500"></i> | |
| <span>LegacyAgencyCareers@outlook.com</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400"> | |
| <p>© 2024 Legacy Agency Partners. All rights reserved.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Mobile menu toggle | |
| document.querySelector('.mobile-menu-button').addEventListener('click', function() { | |
| document.querySelector('.mobile-menu').classList.toggle('hidden'); | |
| }); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function(e) { | |
| e.preventDefault(); | |
| const targetId = this.getAttribute('href'); | |
| if (targetId === '#') return; | |
| const targetElement = document.querySelector(targetId); | |
| if (targetElement) { | |
| window.scrollTo({ | |
| top: targetElement.offsetTop - 100, | |
| behavior: 'smooth' | |
| }); | |
| // Close mobile menu if open | |
| document.querySelector('.mobile-menu').classList.add('hidden'); | |
| } | |
| }); | |
| }); | |
| </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=ChandlerMS/legacy-agency-partners" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |