Spaces:
Running
Running
File size: 6,891 Bytes
a8d4a8c 4222858 a8d4a8c 4222858 a8d4a8c 4222858 a8d4a8c 4222858 a8d4a8c 4222858 a8d4a8c 4222858 a8d4a8c 4222858 a8d4a8c 4222858 a8d4a8c a453cd5 a8d4a8c a453cd5 a8d4a8c a453cd5 a8d4a8c a453cd5 a8d4a8c a453cd5 a8d4a8c a453cd5 a8d4a8c a453cd5 a8d4a8c a453cd5 a8d4a8c |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RaxCore Technologies</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #0a0a0a; color: #ffffff; }
.hero { background: linear-gradient(135deg, #000000 0%, #1a1a2e 50%, #16213e 100%); color: white; padding: 80px 20px; text-align: center; }
.hero h1 { font-size: 3.5rem; margin-bottom: 20px; background: linear-gradient(45deg, #00d4ff, #ff6b6b, #4ecdc4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.tagline { font-size: 1.3rem; margin-bottom: 30px; color: #e0e0e0; }
.badges { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }
.badge { background: rgba(0, 212, 255, 0.2); color: #00d4ff; padding: 8px 16px; border-radius: 25px; border: 1px solid #00d4ff; }
section { padding: 60px 20px; max-width: 1200px; margin: 0 auto; }
h2 { font-size: 2.5rem; text-align: center; margin-bottom: 40px; color: #ffffff; }
.models { background: rgba(26, 26, 46, 0.8); border-radius: 20px; margin: 40px 20px; border: 1px solid #333; }
.model-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.model-card { background: #1a1a2e; padding: 30px; border-radius: 15px; text-align: center; border: 1px solid #333; transition: all 0.3s ease; }
.model-card:hover { transform: translateY(-5px); border-color: #00d4ff; box-shadow: 0 10px 30px rgba(0, 212, 255, 0.3); }
.model-card h3 { font-size: 1.8rem; margin-bottom: 10px; color: #00d4ff; }
.model-card p { color: #b0b0b0; }
.btn { display: inline-block; background: linear-gradient(45deg, #00d4ff, #4ecdc4); color: #000; padding: 12px 24px; text-decoration: none; border-radius: 25px; margin-top: 15px; font-weight: 600; transition: transform 0.3s ease; }
.btn:hover { transform: scale(1.05); }
.features { background: rgba(26, 26, 46, 0.8); border-radius: 20px; margin: 40px 20px; border: 1px solid #333; }
.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }
.feature { background: #1a1a2e; padding: 25px; border-radius: 15px; text-align: center; border: 1px solid #333; transition: all 0.3s ease; }
.feature:hover { border-color: #ff6b6b; }
.feature h3 { font-size: 1.3rem; margin-bottom: 10px; color: #ff6b6b; }
.feature p { color: #b0b0b0; }
.contact { text-align: center; }
.contact-grid { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.contact-btn { background: rgba(0, 212, 255, 0.2); color: #00d4ff; padding: 15px 30px; text-decoration: none; border-radius: 30px; border: 1px solid #00d4ff; transition: all 0.3s ease; }
.contact-btn:hover { background: #00d4ff; color: #000; transform: translateY(-2px); }
footer { background: #000; color: #b0b0b0; padding: 40px 20px; text-align: center; border-top: 1px solid #333; }
.social { margin-top: 20px; display: flex; justify-content: center; gap: 20px; }
.social a { color: #4ecdc4; text-decoration: none; transition: color 0.3s ease; }
.social a:hover { color: #00d4ff; }
@media (prefers-color-scheme: light) {
body { background: #f5f5f5; color: #333; }
.hero { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.hero h1 { background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.tagline { color: rgba(255, 255, 255, 0.9); }
.models, .features { background: rgba(255, 255, 255, 0.9); }
.model-card, .feature { background: white; color: #333; }
.model-card h3 { color: #1a1a2e; }
.feature h3 { color: #1a1a2e; }
footer { background: #1a1a2e; color: white; }
}
</style>
</head>
<body>
<div class="hero">
<h1>🚀 RaxCore Technologies</h1>
<p class="tagline">Premier AI Innovation Company - Kenya to Global Markets</p>
<div class="badges">
<span class="badge">🏆 Multiple Innovation Awards</span>
<span class="badge">🇰🇪 Based in Kenya</span>
<span class="badge">🌍 Global Software Development</span>
</div>
</div>
<section class="models">
<h2>🤖 Our AI Models</h2>
<div class="model-grid">
<div class="model-card">
<h3>Rax 4</h3>
<p>3.8B Parameters • Enterprise Edition</p>
<a href="https://huggingface.co/raxcore-dev/rax-4" class="btn">Try Model</a>
</div>
<div class="model-card">
<h3>Rax 3.5 Chat</h3>
<p>1.1B Parameters • Efficient Chat</p>
<a href="https://huggingface.co/raxcore-dev/rax-3.5-chat" class="btn">Try Model</a>
</div>
</div>
</section>
<section class="features">
<h2>🌟 Why RaxCore?</h2>
<div class="feature-grid">
<div class="feature">
<h3>⚡ Small & Efficient Models</h3>
<p>Compact models delivering maximum performance with minimal resources</p>
</div>
<div class="feature">
<h3>🇰🇪 Kenyan Innovation</h3>
<p>Cutting-edge AI development from Nairobi to the world</p>
</div>
<div class="feature">
<h3>💻 Global Software Development</h3>
<p>Full-stack development services for clients worldwide</p>
</div>
<div class="feature">
<h3>🏆 Award-Winning Technology</h3>
<p>Multiple innovation awards for breakthrough AI solutions</p>
</div>
</div>
</section>
<section class="contact">
<h2>📞 Get Started</h2>
<div class="contact-grid">
<a href="mailto:business@raxcore.dev" class="contact-btn">💼 Software Development</a>
<a href="mailto:ai@raxcore.dev" class="contact-btn">🤖 AI Solutions</a>
<a href="https://huggingface.co/raxcore-dev" class="contact-btn">🤗 View AI Models</a>
</div>
</section>
<footer>
<p>© 2024 RaxCore Technologies - Pioneering AI from Kenya to the World</p>
<div class="social">
<a href="https://www.raxcore.dev">🌐 Website</a>
<a href="https://linkedin.com/company/raxcore">💼 LinkedIn</a>
<a href="https://github.com/raxcore-dev">💻 GitHub</a>
</div>
</footer>
</body>
</html>
|