-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
1 lines (1 loc) · 10.5 KB
/
contact.html
File metadata and controls
1 lines (1 loc) · 10.5 KB
1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1.0"/><title>Contact — HostPro</title><meta name="description" content="Contact HostPro — 24/7 support, average response in 5 minutes."/><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}}.chs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.ch{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:22px;transition:border-color .2s,transform .2s}.ch:hover{border-color:rgba(96,165,250,.22);transform:translateY(-2px)}.ch-ic{font-size:26px;margin-bottom:10px}.ch-t{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;margin-bottom:4px}.ch-d{font-size:13px;color:rgba(240,244,255,.4);margin-bottom:10px;font-weight:300}.ch-l{color:#60A5FA;font-size:13px;font-weight:600;text-decoration:none}.ch-l:hover{color:#93C5FD}.fg{margin-bottom:14px}.fl{display:block;font-size:12px;font-weight:600;margin-bottom:5px;color:rgba(240,244,255,.65)}.fi,.ft,.fs{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:11px 14px;font-size:14px;color:#F0F4FF;font-family:'DM Sans',sans-serif;outline:none;transition:border-color .2s}.fi:focus,.ft:focus,.fs:focus{border-color:rgba(96,165,250,.45)}.ft{resize:vertical;min-height:110px}.fs option{background:#0a0f20}.fr{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ok{display:none;background:rgba(110,231,183,.07);border:1px solid rgba(110,231,183,.22);border-radius:8px;padding:12px 16px;color:#6EE7B7;font-size:14px;margin-top:12px;text-align:center}@media(max-width:580px){.chs{grid-template-columns:1fr}.fr{grid-template-columns: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">About</a><a href="/faq.html">FAQ</a><a href="/contact.html" class="active">Contact</a><a href="/status.html">Status</a></div><div class="nav-right"><div class="lang-bar"><a href="/contact.html" class="cur">EN</a><a href="/uk/contact.html">UK</a><a href="/ru/contact.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:400px;height:400px;background:radial-gradient(circle,rgba(110,231,183,.09),transparent);top:-80px;left:0"></div><div class="container" style="position:relative;z-index:1"><div class="section-label">Contact</div><h1 class="page-title">We are here <span class="grad-text">to help</span></h1><p class="page-sub">Average response time — 5 minutes. Support available 24/7.</p></div></div><div class="container"><div class="chs fade-up"><div class="ch"><div class="ch-ic">✉</div><div class="ch-t">Email</div><div class="ch-d">General questions & suggestions</div><a href="/cdn-cgi/l/email-protection#274f424b4b48674f4854535755480944484a" class="ch-l"><span class="__cf_email__" data-cfemail="177f727b7b78577f7864636765783974787a">[email protected]</span></a></div><div class="ch"><div class="ch-ic">🔧</div><div class="ch-t">Technical Support</div><div class="ch-d">Site issues, cPanel, configuration</div><a href="/cdn-cgi/l/email-protection#dcafa9acacb3aea89cb4b3afa8acaeb3f2bfb3b1" class="ch-l"><span class="__cf_email__" data-cfemail="d1a2a4a1a1bea3a591b9bea2a5a1a3beffb2bebc">[email protected]</span></a></div><div class="ch"><div class="ch-ic">💬</div><div class="ch-t">Live Chat</div><div class="ch-d">Fastest way to get an answer</div><a href="#" class="ch-l">Open chat →</a></div><div class="ch"><div class="ch-ic">🤝</div><div class="ch-t">Partnerships</div><div class="ch-d">White-label, resellers, enterprise</div><a href="/cdn-cgi/l/email-protection#0c7c6d7e7862697e7f4c64637f787c7e63226f6361" class="ch-l"><span class="__cf_email__" data-cfemail="3848594a4c565d4a4b7850574b4c484a57165b5755">[email protected]</span></a></div></div><div class="card fade-up" style="margin-bottom:80px"><div class="section-label">Contact form</div><h3 style="margin-bottom:20px">Send us a message</h3><div class="fr"><div class="fg"><label class="fl">Name</label><input class="fi" type="text" placeholder="Your name"/></div><div class="fg"><label class="fl">Email</label><input class="fi" type="email" placeholder="your@email.com"/></div></div><div class="fg"><label class="fl">Topic</label><select class="fs"><option>General question</option><option>Technical support</option><option>Billing & payments</option><option>Website migration</option><option>Partnership</option><option>Other</option></select></div><div class="fg"><label class="fl">Message</label><textarea class="ft" placeholder="Describe your question..."></textarea></div><button class="btn-primary" onclick="sf(this,'✓ Thank you! We will reply within 5 minutes.')">Send message →</button><div class="ok" id="ok"></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="/contact.html" class="cur">🇬🇧 English</a><a href="/uk/contact.html">🇺🇦 Українська</a><a href="/ru/contact.html">🇷🇺 Русский</a></div><p class="footer-copy">© 2025 HostPro. All rights reserved.</p></footer><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></scr