Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>College Emergency Procedures Hub</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"> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| emergency: '#e11d48', | |
| critical: '#dc2626', | |
| warning: '#f59e0b', | |
| info: '#3b82f6', | |
| success: '#10b981' | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <style> | |
| .emergency-card { | |
| transition: all 0.3s ease; | |
| box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | |
| } | |
| .emergency-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); | |
| } | |
| .procedure-step { | |
| counter-increment: step-counter; | |
| position: relative; | |
| padding-left: 2.5rem; | |
| margin-bottom: 1.5rem; | |
| } | |
| .procedure-step::before { | |
| content: counter(step-counter); | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| background-color: #3b82f6; | |
| color: white; | |
| width: 28px; | |
| height: 28px; | |
| border-radius: 50%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| font-weight: bold; | |
| } | |
| .accordion-content { | |
| max-height: 0; | |
| overflow: hidden; | |
| transition: max-height 0.3s ease-out; | |
| } | |
| .active .accordion-content { | |
| max-height: 1000px; | |
| } | |
| .active .accordion-icon { | |
| transform: rotate(180deg); | |
| } | |
| .emergency-button { | |
| transition: all 0.2s ease; | |
| } | |
| .emergency-button:hover { | |
| transform: scale(1.05); | |
| } | |
| .emergency-button:active { | |
| transform: scale(0.95); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Header --> | |
| <header class="bg-white shadow-md"> | |
| <div class="container mx-auto px-4 py-6 flex flex-col md:flex-row justify-between items-center"> | |
| <div class="flex items-center mb-4 md:mb-0"> | |
| <div class="bg-emergency w-12 h-12 rounded-full flex items-center justify-center mr-3"> | |
| <i class="fas fa-exclamation-triangle text-white text-xl"></i> | |
| </div> | |
| <div> | |
| <h1 class="text-2xl font-bold text-gray-800">College Emergency Hub</h1> | |
| <p class="text-sm text-gray-600">Safety Procedures & Emergency Contacts</p> | |
| </div> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="mr-4"> | |
| <div class="text-xs text-gray-500">CURRENT STATUS</div> | |
| <div class="flex items-center"> | |
| <div class="w-3 h-3 bg-success rounded-full mr-2"></div> | |
| <span class="font-medium text-gray-700">All Clear</span> | |
| </div> | |
| </div> | |
| <button class="bg-emergency hover:bg-critical text-white py-2 px-4 rounded-lg flex items-center emergency-button"> | |
| <i class="fas fa-phone-alt mr-2"></i> EMERGENCY CALL | |
| </button> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Main Content --> | |
| <main class="container mx-auto px-4 py-8"> | |
| <!-- Hero Section --> | |
| <section class="bg-gradient-to-r from-blue-500 to-indigo-600 rounded-2xl p-8 text-white mb-12"> | |
| <div class="max-w-3xl"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Emergency Preparedness Hub</h2> | |
| <p class="text-lg mb-6">Know what to do, who to call, and when to act in emergency situations. Your safety is our priority.</p> | |
| <div class="flex flex-wrap gap-3"> | |
| <div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg px-4 py-2 flex items-center"> | |
| <i class="fas fa-shield-alt mr-2"></i> Verified Procedures | |
| </div> | |
| <div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg px-4 py-2 flex items-center"> | |
| <i class="fas fa-clock mr-2"></i> Immediate Response | |
| </div> | |
| <div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg px-4 py-2 flex items-center"> | |
| <i class="fas fa-mobile-alt mr-2"></i> Quick Contacts | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Emergency Contacts --> | |
| <section class="mb-12"> | |
| <h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center"> | |
| <i class="fas fa-address-book text-info mr-3"></i> Emergency Contacts | |
| </h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> | |
| <!-- Contact Card 1 --> | |
| <div class="emergency-card bg-white rounded-xl p-6 border-l-4 border-critical"> | |
| <div class="flex items-start mb-4"> | |
| <div class="bg-critical bg-opacity-10 p-3 rounded-lg mr-4"> | |
| <i class="fas fa-police-box text-critical text-2xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-lg text-gray-800">Campus Security</h3> | |
| <p class="text-gray-600">24/7 emergency response</p> | |
| </div> | |
| </div> | |
| <div class="flex justify-between items-center"> | |
| <div class="text-2xl font-bold text-gray-800">(555) 123-4567</div> | |
| <a href="tel:5551234567" class="bg-critical text-white rounded-full w-12 h-12 flex items-center justify-center emergency-button"> | |
| <i class="fas fa-phone-alt"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <!-- Contact Card 2 --> | |
| <div class="emergency-card bg-white rounded-xl p-6 border-l-4 border-emergency"> | |
| <div class="flex items-start mb-4"> | |
| <div class="bg-emergency bg-opacity-10 p-3 rounded-lg mr-4"> | |
| <i class="fas fa-ambulance text-emergency text-2xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-lg text-gray-800">Medical Emergency</h3> | |
| <p class="text-gray-600">On-campus health services</p> | |
| </div> | |
| </div> | |
| <div class="flex justify-between items-center"> | |
| <div class="text-2xl font-bold text-gray-800">(555) 987-6543</div> | |
| <a href="tel:5559876543" class="bg-emergency text-white rounded-full w-12 h-12 flex items-center justify-center emergency-button"> | |
| <i class="fas fa-phone-alt"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <!-- Contact Card 3 --> | |
| <div class="emergency-card bg-white rounded-xl p-6 border-l-4 border-warning"> | |
| <div class="flex items-start mb-4"> | |
| <div class="bg-warning bg-opacity-10 p-3 rounded-lg mr-4"> | |
| <i class="fas fa-fire-extinguisher text-warning text-2xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-lg text-gray-800">Fire Department</h3> | |
| <p class="text-gray-600">Direct campus connection</p> | |
| </div> | |
| </div> | |
| <div class="flex justify-between items-center"> | |
| <div class="text-2xl font-bold text-gray-800">911</div> | |
| <a href="tel:911" class="bg-warning text-white rounded-full w-12 h-12 flex items-center justify-center emergency-button"> | |
| <i class="fas fa-phone-alt"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <!-- Contact Card 4 --> | |
| <div class="emergency-card bg-white rounded-xl p-6 border-l-4 border-info"> | |
| <div class="flex items-start mb-4"> | |
| <div class="bg-info bg-opacity-10 p-3 rounded-lg mr-4"> | |
| <i class="fas fa-head-side-virus text-info text-2xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-lg text-gray-800">Mental Health Crisis</h3> | |
| <p class="text-gray-600">Counseling services</p> | |
| </div> | |
| </div> | |
| <div class="flex justify-between items-center"> | |
| <div class="text-2xl font-bold text-gray-800">(555) 234-5678</div> | |
| <a href="tel:5552345678" class="bg-info text-white rounded-full w-12 h-12 flex items-center justify-center emergency-button"> | |
| <i class="fas fa-phone-alt"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <!-- Contact Card 5 --> | |
| <div class="emergency-card bg-white rounded-xl p-6 border-l-4 border-success"> | |
| <div class="flex items-start mb-4"> | |
| <div class="bg-success bg-opacity-10 p-3 rounded-lg mr-4"> | |
| <i class="fas fa-poop text-success text-2xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-lg text-gray-800">Facilities Emergency</h3> | |
| <p class="text-gray-600">Power, water, infrastructure</p> | |
| </div> | |
| </div> | |
| <div class="flex justify-between items-center"> | |
| <div class="text-2xl font-bold text-gray-800">(555) 345-6789</div> | |
| <a href="tel:5553456789" class="bg-success text-white rounded-full w-12 h-12 flex items-center justify-center emergency-button"> | |
| <i class="fas fa-phone-alt"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <!-- Contact Card 6 --> | |
| <div class="emergency-card bg-white rounded-xl p-6 border-l-4 border-gray-600"> | |
| <div class="flex items-start mb-4"> | |
| <div class="bg-gray-600 bg-opacity-10 p-3 rounded-lg mr-4"> | |
| <i class="fas fa-info-circle text-gray-600 text-2xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold text-lg text-gray-800">Non-Emergency Line</h3> | |
| <p class="text-gray-600">General inquiries</p> | |
| </div> | |
| </div> | |
| <div class="flex justify-between items-center"> | |
| <div class="text-2xl font-bold text-gray-800">(555) 456-7890</div> | |
| <a href="tel:5554567890" class="bg-gray-600 text-white rounded-full w-12 h-12 flex items-center justify-center emergency-button"> | |
| <i class="fas fa-phone-alt"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Emergency Procedures --> | |
| <section class="mb-12"> | |
| <h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center"> | |
| <i class="fas fa-list-check text-info mr-3"></i> Emergency Procedures | |
| </h2> | |
| <div class="bg-white rounded-xl shadow-md overflow-hidden"> | |
| <!-- Procedure 1 --> | |
| <div class="accordion-item border-b"> | |
| <button class="accordion-header w-full text-left p-6 flex justify-between items-center hover:bg-gray-50"> | |
| <div class="flex items-center"> | |
| <div class="bg-critical text-white w-10 h-10 rounded-full flex items-center justify-center mr-4"> | |
| <i class="fas fa-fire"></i> | |
| </div> | |
| <h3 class="font-bold text-lg">Fire Emergency</h3> | |
| </div> | |
| <i class="fas fa-chevron-down accordion-icon transition-transform"></i> | |
| </button> | |
| <div class="accordion-content"> | |
| <div class="px-6 pb-6"> | |
| <div class="procedure-steps pl-0"> | |
| <div class="procedure-step"> | |
| <strong>Activate the nearest fire alarm</strong> if you discover fire or smoke | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Evacuate immediately</strong> using the nearest safe exit | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Close doors behind you</strong> to contain the fire | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Do not use elevators</strong> - use stairwells only | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Call Campus Security at (555) 123-4567</strong> once in a safe location | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Assemble at designated area</strong> and do not re-enter until cleared | |
| </div> | |
| </div> | |
| <div class="mt-6 p-4 bg-yellow-50 border-l-4 border-warning rounded"> | |
| <strong>When to act:</strong> Immediately upon discovering fire, smelling smoke, or hearing the fire alarm | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Procedure 2 --> | |
| <div class="accordion-item border-b"> | |
| <button class="accordion-header w-full text-left p-6 flex justify-between items-center hover:bg-gray-50"> | |
| <div class="flex items-center"> | |
| <div class="bg-emergency text-white w-10 h-10 rounded-full flex items-center justify-center mr-4"> | |
| <i class="fas fa-user-injured"></i> | |
| </div> | |
| <h3 class="font-bold text-lg">Medical Emergency</h3> | |
| </div> | |
| <i class="fas fa-chevron-down accordion-icon transition-transform"></i> | |
| </button> | |
| <div class="accordion-content"> | |
| <div class="px-6 pb-6"> | |
| <div class="procedure-steps pl-0"> | |
| <div class="procedure-step"> | |
| <strong>Call Campus Medical at (555) 987-6543</strong> immediately | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Do not move the injured person</strong> unless in immediate danger | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Send someone to meet responders</strong> at building entrance | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Provide first aid</strong> if trained and safe to do so | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Gather information</strong> about the person's condition | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Clear pathways</strong> for emergency personnel | |
| </div> | |
| </div> | |
| <div class="mt-6 p-4 bg-red-50 border-l-4 border-emergency rounded"> | |
| <strong>When to act:</strong> Immediately for life-threatening conditions (unconsciousness, severe bleeding, difficulty breathing) | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Procedure 3 --> | |
| <div class="accordion-item border-b"> | |
| <button class="accordion-header w-full text-left p-6 flex justify-between items-center hover:bg-gray-50"> | |
| <div class="flex items-center"> | |
| <div class="bg-gray-800 text-white w-10 h-10 rounded-full flex items-center justify-center mr-4"> | |
| <i class="fas fa-person-rifle"></i> | |
| </div> | |
| <h3 class="font-bold text-lg">Active Threat Situation</h3> | |
| </div> | |
| <i class="fas fa-chevron-down accordion-icon transition-transform"></i> | |
| </button> | |
| <div class="accordion-content"> | |
| <div class="px-6 pb-6"> | |
| <div class="procedure-steps pl-0"> | |
| <div class="procedure-step"> | |
| <strong>RUN if there is an accessible escape path</strong> - get out immediately | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>HIDE if evacuation is not possible</strong> - lock doors, barricade entry points | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Silence phones and remain quiet</strong> - turn off lights | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>FIGHT as a last resort</strong> - only when your life is in imminent danger | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Call 911 when safe to do so</strong> - provide location and description | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Follow police instructions</strong> when they arrive | |
| </div> | |
| </div> | |
| <div class="mt-6 p-4 bg-gray-100 border-l-4 border-gray-800 rounded"> | |
| <strong>When to act:</strong> Immediately upon hearing gunshots, seeing an armed person, or receiving an alert | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Procedure 4 --> | |
| <div class="accordion-item border-b"> | |
| <button class="accordion-header w-full text-left p-6 flex justify-between items-center hover:bg-gray-50"> | |
| <div class="flex items-center"> | |
| <div class="bg-blue-600 text-white w-10 h-10 rounded-full flex items-center justify-center mr-4"> | |
| <i class="fas fa-tornado"></i> | |
| </div> | |
| <h3 class="font-bold text-lg">Severe Weather</h3> | |
| </div> | |
| <i class="fas fa-chevron-down accordion-icon transition-transform"></i> | |
| </button> | |
| <div class="accordion-content"> | |
| <div class="px-6 pb-6"> | |
| <div class="procedure-steps pl-0"> | |
| <div class="procedure-step"> | |
| <strong>Monitor alerts</strong> through college notification systems | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Seek shelter immediately</strong> when warning is issued | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Go to lowest interior room</strong> away from windows | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Use stairs only</strong> - avoid elevators | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Protect your head and neck</strong> with arms or furniture | |
| </div> | |
| <div class="procedure-step"> | |
| <strong>Remain sheltered</strong> until official all-clear is given | |
| </div> | |
| </div> | |
| <div class="mt-6 p-4 bg-blue-50 border-l-4 border-blue-600 rounded"> | |
| <strong>When to act:</strong> When severe weather warning is issued or when instructed by college officials | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Emergency Resources --> | |
| <section class="mb-12"> | |
| <h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center"> | |
| <i class="fas fa-toolbox text-info mr-3"></i> Emergency Resources | |
| </h2> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> | |
| <div class="bg-white rounded-xl shadow-md p-6 flex flex-col"> | |
| <div class="bg-blue-100 text-blue-800 w-16 h-16 rounded-xl flex items-center justify-center mb-4"> | |
| <i class="fas fa-map-marked-alt text-2xl"></i> | |
| </div> | |
| <h3 class="font-bold text-lg mb-2">Evacuation Maps</h3> | |
| <p class="text-gray-600 mb-4">Building-specific evacuation routes and assembly points</p> | |
| <a href="#" class="mt-auto text-blue-600 font-medium flex items-center"> | |
| View maps <i class="fas fa-arrow-right ml-2 text-sm"></i> | |
| </a> | |
| </div> | |
| <div class="bg-white rounded-xl shadow-md p-6 flex flex-col"> | |
| <div class="bg-green-100 text-green-800 w-16 h-16 rounded-xl flex items-center justify-center mb-4"> | |
| <i class="fas fa-mobile-alt text-2xl"></i> | |
| </div> | |
| <h3 class="font-bold text-lg mb-2">Alert Systems</h3> | |
| <p class="text-gray-600 mb-4">Sign up for emergency notifications via text and email</p> | |
| <a href="#" class="mt-auto text-green-600 font-medium flex items-center"> | |
| Sign up now <i class="fas fa-arrow-right ml-2 text-sm"></i> | |
| </a> | |
| </div> | |
| <div class="bg-white rounded-xl shadow-md p-6 flex flex-col"> | |
| <div class="bg-purple-100 text-purple-800 w-16 h-16 rounded-xl flex items-center justify-center mb-4"> | |
| <i class="fas fa-book-medical text-2xl"></i> | |
| </div> | |
| <h3 class="font-bold text-lg mb-2">First Aid Guides</h3> | |
| <p class="text-gray-600 mb-4">Downloadable emergency response guides and procedures</p> | |
| <a href="#" class="mt-auto text-purple-600 font-medium flex items-center"> | |
| Download PDFs <i class="fas fa-arrow-right ml-2 text-sm"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <!-- Footer --> | |
| <footer class="bg-gray-800 text-white py-12"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">College Emergency Hub</h3> | |
| <p class="text-gray-300">Your safety is our priority. Be prepared, stay informed.</p> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4">Quick Links</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Campus Security</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Health Services</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Safety Training</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Emergency Plans</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4">Contact</h4> | |
| <ul class="space-y-2"> | |
| <li class="flex items-center"> | |
| <i class="fas fa-phone-alt text-gray-400 mr-2"></i> | |
| <span>Emergency: (555) 123-4567</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-envelope text-gray-400 mr-2"></i> | |
| <span>[email protected]</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-map-marker-alt text-gray-400 mr-2"></i> | |
| <span>Security Office: Admin Bldg, Room 101</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4">Stay Prepared</h4> | |
| <p class="text-gray-300 mb-4">Download our safety app for instant access to emergency resources.</p> | |
| <div class="flex space-x-3"> | |
| <button class="bg-black text-white px-4 py-2 rounded-lg flex items-center"> | |
| <i class="fab fa-apple mr-2"></i> App Store | |
| </button> | |
| <button class="bg-black text-white px-4 py-2 rounded-lg flex items-center"> | |
| <i class="fab fa-google-play mr-2"></i> Play Store | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-700 mt-8 pt-6 text-center text-gray-400"> | |
| <p>© 2023 College Emergency Hub. All rights reserved. This information is reviewed annually.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- JavaScript --> | |
| <script> | |
| // Accordion functionality | |
| document.querySelectorAll('.accordion-header').forEach(header => { | |
| header.addEventListener('click', () => { | |
| const accordionItem = header.parentElement; | |
| accordionItem.classList.toggle('active'); | |
| }); | |
| }); | |
| // Emergency call button animation | |
| const emergencyBtn = document.querySelector('.emergency-button'); | |
| if(emergencyBtn) { | |
| emergencyBtn.addEventListener('click', function() { | |
| this.classList.add('animate-pulse'); | |
| setTimeout(() => { | |
| this.classList.remove('animate-pulse'); | |
| }, 1000); | |
| }); | |
| } | |
| // Simulate emergency call | |
| document.querySelectorAll('a[href^="tel:"]').forEach(link => { | |
| link.addEventListener('click', function(e) { | |
| e.preventDefault(); | |
| const number = this.previousElementSibling.textContent; | |
| alert(`Calling ${number}...\n\nIn a real emergency, this would connect directly.`); | |
| }); | |
| }); | |
| </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=ampp/college-emergency-hub" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |