-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
2 lines (2 loc) · 11.5 KB
/
about.html
File metadata and controls
2 lines (2 loc) · 11.5 KB
1
2
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1.0"/><title>About Us — HostPro</title><meta name="description" content="Learn about the HostPro team, mission and values."/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/><link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,700&display=swap" rel="stylesheet"/><style>*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;background:#050810;color:#F0F4FF;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#050810}::-webkit-scrollbar-thumb{background:#1e3a5f;border-radius:3px}.container{max-width:980px;margin:0 auto;padding:0 24px}nav{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(5,8,16,.88);border-bottom:1px solid rgba(255,255,255,.06);padding:0 24px}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#F0F4FF}.logo-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#3B82F6,#8B5CF6);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.logo-text{font-family:'Syne',sans-serif;font-weight:800;font-size:18px;letter-spacing:-.5px}.nav-links{display:flex;gap:26px;align-items:center}.nav-links a{color:rgba(240,244,255,.6);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:#60A5FA}.nav-right{display:flex;align-items:center;gap:14px}.lang-bar{display:flex;gap:2px;background:rgba(255,255,255,.05);border-radius:8px;padding:3px}.lang-bar a{color:rgba(240,244,255,.4);font-size:11px;font-weight:700;text-transform:uppercase;padding:4px 9px;border-radius:5px;text-decoration:none;transition:all .2s}.lang-bar a.cur{background:rgba(96,165,250,.2);color:#60A5FA}.btn-nav{background:linear-gradient(135deg,#3B82F6,#8B5CF6);color:#fff;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block;transition:all .2s}.btn-nav:hover{transform:scale(1.04);filter:brightness(1.12)}footer{border-top:1px solid rgba(255,255,255,.06);padding:40px 24px;text-align:center;margin-top:80px}.footer-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.footer-logo-icon{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,#3B82F6,#8B5CF6);display:flex;align-items:center;justify-content:center;font-size:14px}.footer-logo-text{font-family:'Syne',sans-serif;font-weight:800;font-size:16px}.footer-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.footer-links a{font-size:13px;color:rgba(240,244,255,.35);text-decoration:none;transition:color .2s}.footer-links a:hover{color:#60A5FA}.footer-lang{display:flex;gap:10px;justify-content:center;margin-bottom:16px}.footer-lang a{font-size:12px;color:rgba(240,244,255,.3);text-decoration:none;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:3px 10px;transition:all .2s}.footer-lang a:hover,.footer-lang a.cur{color:#60A5FA;border-color:rgba(96,165,250,.3)}.footer-copy{font-size:12px;color:rgba(240,244,255,.2)}.page-hero{padding:120px 24px 60px;text-align:center;position:relative;overflow:hidden}.page-title{font-family:'Syne',sans-serif;font-size:clamp(30px,5vw,54px);font-weight:800;letter-spacing:-1.5px;margin-bottom:14px}.page-sub{font-size:17px;color:rgba(240,244,255,.5);font-weight:300;max-width:560px;margin:0 auto}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:28px 32px;margin-bottom:16px}.card h3{font-family:'Syne',sans-serif;font-size:18px;font-weight:700;margin-bottom:10px}.card p,.card li{font-size:15px;color:rgba(240,244,255,.6);line-height:1.8;font-weight:300}.card ul{padding-left:20px}.card li{margin-bottom:5px}.grad-text{background:linear-gradient(135deg,#60A5FA,#A78BFA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#60A5FA;margin-bottom:10px}.btn-primary{background:linear-gradient(135deg,#3B82F6,#8B5CF6);border:none;color:#fff;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary:hover{transform:scale(1.04);filter:brightness(1.1)}.fade-up{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.nav-links{display:none}.nav-right .btn-nav{display:none}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:22px;text-align:center}.stat-val{font-family:'Syne',sans-serif;font-size:36px;font-weight:800;margin-bottom:5px}.stat-lbl{font-size:12px;color:rgba(240,244,255,.45);font-weight:300}.vlist .vi{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.vlist .vi:last-child{border-bottom:none}.vi-icon{font-size:20px;flex-shrink:0;margin-top:3px}.team{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.tc{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:20px;text-align:center}.tc-av{font-size:32px;margin-bottom:9px}.tc-name{font-family:'Syne',sans-serif;font-weight:700;font-size:14px;margin-bottom:3px}.tc-role{font-size:12px;color:rgba(240,244,255,.35);font-weight:300}@media(max-width:700px){.stats{grid-template-columns:1fr 1fr}.team{grid-template-columns:1fr 1fr}}</style></head><body><nav><div class="nav-inner"><a href="/" class="logo"><div class="logo-icon">⚡</div><span class="logo-text">HostPro</span></a><div class="nav-links"><a href="/index.html#features">Features</a><a href="/index.html#pricing">Pricing</a><a href="/about.html" class="active">About</a><a href="/faq.html">FAQ</a><a href="/contact.html">Contact</a><a href="/status.html">Status</a></div><div class="nav-right"><div class="lang-bar"><a href="/about.html" class="cur">EN</a><a href="/uk/about.html">UK</a><a href="/ru/about.html">RU</a></div><a href="/index.html#pricing" class="btn-nav">Get Started</a></div></div></nav><div class="page-hero"><div class="orb" style="width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.15),transparent);top:-100px;left:50%;transform:translateX(-50%)"></div><div class="container" style="position:relative;z-index:1"><div class="section-label">About</div><h1 class="page-title">We build <span class="grad-text">reliable internet</span></h1><p class="page-sub">A team of enthusiasts who believe quality hosting should be accessible to everyone.</p></div></div><div class="container"><div class="stats fade-up"><div class="stat"><div class="stat-val" style="background:linear-gradient(135deg,#60A5FA,#A78BFA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text">12K+</div><div class="stat-lbl">Active websites</div></div><div class="stat"><div class="stat-val" style="background:linear-gradient(135deg,#A78BFA,#F472B6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text">99.9%</div><div class="stat-lbl">Uptime SLA</div></div><div class="stat"><div class="stat-val" style="background:linear-gradient(135deg,#6EE7B7,#60A5FA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text">5 min</div><div class="stat-lbl">Avg. response</div></div><div class="stat"><div class="stat-val" style="background:linear-gradient(135deg,#FB923C,#F472B6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text">2019</div><div class="stat-lbl">Founded</div></div></div><div class="card fade-up"><div class="section-label">Our Mission</div><h3>Hosting that just works</h3><p style="margin-top:10px">We started as a small team of developers tired of unreliable hosting. Instead of complaining we decided to do it better. Today HostPro serves thousands of clients worldwide.</p><p style="margin-top:10px">Our servers are in certified Tier III data centres with redundant power, cooling and dual internet connectivity.</p></div><div class="card fade-up"><div class="section-label">Our Values</div><h3 style="margin-bottom:14px">What drives us</h3><div class="vlist"><div class="vi"><div class="vi-icon">⚡</div><div><strong style="font-weight:700;font-size:15px">Speed above all</strong><p style="margin-top:4px">NVMe SSD, optimised configs and CDN — your site loads in milliseconds.</p></div></div><div class="vi"><div class="vi-icon">🔒</div><div><strong style="font-weight:700;font-size:15px">Security without compromise</strong><p style="margin-top:4px">Auto SSL, daily backups, DDoS protection and 24/7 monitoring.</p></div></div><div class="vi"><div class="vi-icon">🤝</div><div><strong style="font-weight:700;font-size:15px">Honesty</strong><p style="margin-top:4px">No hidden fees. What you see is what you get.</p></div></div><div class="vi"><div class="vi-icon">🚀</div><div><strong style="font-weight:700;font-size:15px">Growing together</strong><p style="margin-top:4px">Start small, scale instantly. No migrations, no downtime.</p></div></div></div></div><div class="card fade-up" style="margin-bottom:80px"><div class="section-label">Team</div><h3>The people behind HostPro</h3><div class="team"><div class="tc"><div class="tc-av">👨‍💻</div><div class="tc-name">Alex M.</div><div class="tc-role">Founder & CEO</div></div><div class="tc"><div class="tc-av">👩‍🔧</div><div class="tc-name">Natalia V.</div><div class="tc-role">Head of Infrastructure</div></div><div class="tc"><div class="tc-av">👨‍🎨</div><div class="tc-name">Denis K.</div><div class="tc-role">Lead Developer</div></div><div class="tc"><div class="tc-av">👩‍💼</div><div class="tc-name">Maria L.</div><div class="tc-role">Customer Success</div></div></div></div></div><footer><div class="footer-logo"><div class="footer-logo-icon">⚡</div><span class="footer-logo-text">HostPro</span></div><div class="footer-links"><a href="/about.html">About</a><a href="/faq.html">FAQ</a><a href="/contact.html">Contact</a><a href="/status.html">Status</a><a href="/terms.html">Terms</a><a href="/privacy.html">Privacy</a><a href="/refund.html">Refund</a></div><div class="footer-lang"><a href="/about.html" class="cur">🇬🇧 English</a><a href="/uk/about.html">🇺🇦 Українська</a><a href="/ru/about.html">🇷🇺 Русский</a></div><p class="footer-copy">© 2025 HostPro. All rights reserved.</p></footer><script>document.addEventListener('DOMContentLoaded',function(){var obs=new IntersectionObserver(function(e){e.forEach(function(x){if(x.isIntersecting)x.target.classList.add('visible');});},{threshold:0.1});document.querySelectorAll('.fade-up').forEach(function(el){obs.observe(el);});});</script><script src="cookies.js"></script>
</body></html>