added on WebSTLs (webstls.com) at 2026-07-01 22:26:59
| 1 | <header class="landing-nav"> | |
| 2 | <div class="landing-nav-inner"> | |
| 3 | <a href="index.cgi" class="flex items-center gap-3" style="text-decoration:none"> | |
| 4 | <div class="brand-mark"><span>WS</span></div> | |
| 5 | <div class="brand-text"><span class="brand-name">WebSTLs</span><span class="brand-sub">Creator Platform</span></div> | |
| 6 | </a> | |
| 7 | <nav class="links"> | |
| 8 | <a href="features.cgi">Features</a> | |
| 9 | <a href="tour.cgi">Tour</a> | |
| 10 | <a href="why.cgi">Why WebSTLs</a> | |
| 11 | <a href="pricing.cgi">Pricing</a> | |
| 12 | <a href="faq.cgi">FAQ</a> | |
| 13 | <a href="about.cgi">About</a> | |
| 14 | </nav> | |
| 15 | <div class="auth-actions"> | |
| 16 | <a href="login.cgi" class="btn btn-ghost btn-sm">Sign in</a> | |
| 17 | <a href="signup.cgi" class="btn btn-primary btn-sm">Start free trial</a> | |
| 18 | </div> | |
| 19 | </div> | |
| 20 | </header> | |
| 21 | ||
| 22 | <section class="hero" style="padding-bottom:30px"> | |
| 23 | <div class="hero-grid-bg"></div> | |
| 24 | <div class="hero-glow-1"></div> | |
| 25 | <div class="hero-inner" style="grid-template-columns:1fr;text-align:center"> | |
| 26 | <div> | |
| 27 | <span class="hero-pill"><span class="dot"></span> We read every email</span> | |
| 28 | <h1 class="hero-title">Get in <span class="grad">touch.</span></h1> | |
| 29 | <p class="hero-sub" style="max-width:560px;margin:18px auto 0"> | |
| 30 | Real humans, fast replies. Pick the channel that fits and we'll get back to you. | |
| 31 | </p> | |
| 32 | </div> | |
| 33 | </div> | |
| 34 | </section> | |
| 35 | ||
| 36 | <section class="section" style="max-width:1020px;margin:0 auto;padding:30px 32px 60px"> | |
| 37 | <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px"> | |
| 38 | ||
| 39 | <div class="card card-elevated" style="padding:24px"> | |
| 40 | <div style="width:44px;height:44px;border-radius:11px;background:rgba(59,130,246,0.18);color:#60a5fa;display:grid;place-items:center;margin-bottom:14px"> | |
| 41 | <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg> | |
| 42 | </div> | |
| 43 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-bottom:6px">General & Sales</div> | |
| 44 | <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">hello\@webstls.com</h3> | |
| 45 | <p class="text-sm text-secondary" style="line-height:1.65;margin:0 0 14px">Product questions, pricing, partnerships, demos. Replies usually within one business day.</p> | |
| 46 | <a href="mailto:hello\@webstls.com" class="btn btn-secondary btn-sm">Send email</a> | |
| 47 | </div> | |
| 48 | ||
| 49 | <div class="card card-elevated" style="padding:24px"> | |
| 50 | <div style="width:44px;height:44px;border-radius:11px;background:rgba(34,197,94,0.18);color:#4ade80;display:grid;place-items:center;margin-bottom:14px"> | |
| 51 | <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3"/><path d="M12 17h0"/></svg> | |
| 52 | </div> | |
| 53 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-bottom:6px">Support</div> | |
| 54 | <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">support\@webstls.com</h3> | |
| 55 | <p class="text-sm text-secondary" style="line-height:1.65;margin:0 0 14px">Account issues, billing questions, integration help. Pro+ subscribers get same-day responses.</p> | |
| 56 | <a href="mailto:support\@webstls.com" class="btn btn-secondary btn-sm">Send email</a> | |
| 57 | </div> | |
| 58 | ||
| 59 | <div class="card card-elevated" style="padding:24px"> | |
| 60 | <div style="width:44px;height:44px;border-radius:11px;background:rgba(245,158,11,0.18);color:#fbbf24;display:grid;place-items:center;margin-bottom:14px"> | |
| 61 | <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z"/></svg> | |
| 62 | </div> | |
| 63 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-bottom:6px">Security</div> | |
| 64 | <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">security\@webstls.com</h3> | |
| 65 | <p class="text-sm text-secondary" style="line-height:1.65;margin:0 0 14px">Vulnerability disclosure, security questionnaires, SOC 2 documentation. Encrypted preferred.</p> | |
| 66 | <a href="mailto:security\@webstls.com" class="btn btn-secondary btn-sm">Send email</a> | |
| 67 | </div> | |
| 68 | ||
| 69 | <div class="card card-elevated" style="padding:24px"> | |
| 70 | <div style="width:44px;height:44px;border-radius:11px;background:rgba(124,58,237,0.18);color:#a78bfa;display:grid;place-items:center;margin-bottom:14px"> | |
| 71 | <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46"/></svg> | |
| 72 | </div> | |
| 73 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-bottom:6px">Press & Media</div> | |
| 74 | <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">press\@webstls.com</h3> | |
| 75 | <p class="text-sm text-secondary" style="line-height:1.65;margin:0 0 14px">Interview requests, brand assets, founder bios. Press kit available on request.</p> | |
| 76 | <a href="mailto:press\@webstls.com" class="btn btn-secondary btn-sm">Send email</a> | |
| 77 | </div> | |
| 78 | ||
| 79 | </div> | |
| 80 | ||
| 81 | <div style="margin-top:30px;padding:24px;background:var(--col-surface-1);border:1px solid var(--col-border);border-radius:14px"> | |
| 82 | <h3 style="font-family:var(--font-display);font-size:20px;color:#fff;margin:0 0 8px">Have a quick question?</h3> | |
| 83 | <p class="text-sm text-secondary" style="margin-bottom:14px;line-height:1.65"> | |
| 84 | The <a href="faq.cgi" class="text-brand">FAQ page</a> answers the questions we get most often | |
| 85 | — pricing, payouts, refunds, security, data ownership. | |
| 86 | </p> | |
| 87 | <a href="faq.cgi" class="btn btn-secondary btn-sm">Open the FAQ</a> | |
| 88 | </div> | |
| 89 | </section> | |
| 90 | ||
| 91 | <footer class="site-foot"> | |
| 92 | <div class="foot-grid"> | |
| 93 | <div class="foot-col"> | |
| 94 | <div class="flex items-center gap-3 mb-2"><div class="brand-mark" style="width:32px;height:32px;font-size:15px">W<span>S</span></div><div class="brand-text"><span class="brand-name">WebSTLs</span></div></div> | |
| 95 | <p class="text-sm text-secondary" style="max-width:340px">The operating system for 3D creators.</p> | |
| 96 | </div> | |
| 97 | <div class="foot-col"><h5>Platform</h5><ul><li><a href="features.cgi">Features</a></li><li><a href="tour.cgi">Tour</a></li><li><a href="why.cgi">Why WebSTLs</a></li><li><a href="pricing.cgi">Pricing</a></li><li><a href="faq.cgi">FAQ</a></li></ul></div> | |
| 98 | <div class="foot-col"><h5>Company</h5><ul><li><a href="about.cgi">About</a></li><li><a href="contact.cgi">Contact</a></li></ul></div> | |
| 99 | <div class="foot-col"><h5>Legal & Trust</h5><ul><li><a href="privacy.cgi">Privacy</a></li><li><a href="terms.cgi">Terms of Service</a></li></ul></div> | |
| 100 | </div> | |
| 101 | <div class="foot-bottom"><span>© 2026 WebSTLs, Inc. All rights reserved.</span><span>Made for creators who treat this like a business.</span></div> | |
| 102 | </footer> |