Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | |
| <title>About - Injury Prediction System</title> | |
| <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap" rel="stylesheet"/> | |
| <link rel="stylesheet" href="style.css"/> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="navbar"> | |
| <div class="nav-logo">IPS</div> | |
| <div class="hamburger" aria-label="Toggle navigation"> | |
| <span></span> | |
| <span></span> | |
| <span></span> | |
| </div> | |
| <ul class="nav-menu"> | |
| <li><a href="index.html">Home</a></li> | |
| <li><a href="index.html#features">Features</a></li> | |
| <li><a href="calculator.html">Calculator</a></li> | |
| <li><a href="about.html" class="active">About</a></li> | |
| <li><a href="chatbot.html">Chatbot</a></li> | |
| <li><a href="index.html#faq">FAQ</a></li> | |
| </ul> | |
| <button id="dark-mode-toggle" aria-label="Toggle dark/light mode">🌙</button> | |
| </div> | |
| </header> | |
| <section class="section about"> | |
| <div class="about-hero"> | |
| <h1 class="about-title">Revolutionizing Injury Prevention</h1> | |
| <p class="about-subtitle">Advanced AI-driven analytics for optimal athletic performance</p> | |
| </div> | |
| <div class="container about-container"> | |
| <div class="about-grid"> | |
| <div class="about-card mission glassmorphism fade-in"> | |
| <div class="card-icon"> | |
| <svg width="40" height="40" viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M12 2L2 12h3v8h6v-6h2v6h6v-8h3L12 2z"/> | |
| </svg> | |
| </div> | |
| <h2>Our Mission</h2> | |
| <p>Empowering athletes and coaches with real-time insights through advanced AI technology, transforming how injuries are predicted and prevented in sports.</p> | |
| </div> | |
| <div class="about-card impact glassmorphism fade-in"> | |
| <div class="card-icon"> | |
| <svg width="40" height="40" viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6h-6z"/> | |
| </svg> | |
| </div> | |
| <h2>Our Impact</h2> | |
| <p>With a 92% predictive accuracy rate, we're revolutionizing injury prevention in sports, helping athletes maintain peak performance while minimizing risk.</p> | |
| </div> | |
| <div class="about-card technology glassmorphism fade-in"> | |
| <div class="card-icon"> | |
| <svg width="40" height="40" viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/> | |
| </svg> | |
| </div> | |
| <h2>Our Technology</h2> | |
| <p>Leveraging cutting-edge AI and machine learning algorithms to analyze biomechanical patterns, training loads, and historical data for precise risk assessment.</p> | |
| </div> | |
| </div> | |
| <div class="about-features glassmorphism fade-in"> | |
| <h2>Key Capabilities</h2> | |
| <div class="features-grid"> | |
| <div class="feature-item"> | |
| <h3>Real-Time Analysis</h3> | |
| <p>Instant risk assessment and performance insights</p> | |
| </div> | |
| <div class="feature-item"> | |
| <h3>Predictive Analytics</h3> | |
| <p>Advanced forecasting of potential injury risks</p> | |
| </div> | |
| <div class="feature-item"> | |
| <h3>Personalized Insights</h3> | |
| <p>Tailored recommendations for each athlete</p> | |
| </div> | |
| <div class="feature-item"> | |
| <h3>Data Integration</h3> | |
| <p>Seamless connection with existing systems</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="about-stats glassmorphism fade-in"> | |
| <h2>Performance Metrics</h2> | |
| <div class="stats-grid"> | |
| <div class="stat-item"> | |
| <span class="stat-number">92%</span> | |
| <span class="stat-label">Prediction Accuracy</span> | |
| </div> | |
| <div class="stat-item"> | |
| <span class="stat-number">24/7</span> | |
| <span class="stat-label">Real-time Monitoring</span> | |
| </div> | |
| <div class="stat-item"> | |
| <span class="stat-number">100+</span> | |
| <span class="stat-label">Data Points Analyzed</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="about-vision glassmorphism fade-in"> | |
| <h2>Our Vision</h2> | |
| <p>We envision a future where sports injuries are not just treatable but preventable. Through continuous innovation and data-driven insights, we're creating safer training environments and enabling superior athletic achievement.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <footer class="footer"> | |
| <div class="container"> | |
| <p>© 2025 Injury Prediction System. All rights reserved.</p> | |
| </div> | |
| </footer> | |
| <script src="java.js"></script> | |
| <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9355e0c1dda0bcfd',t:'MTc0NTUwMDYxNi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> | |
| </html> |