mirror of
https://github.com/artemium428/428th-website-2026.git
synced 2026-09-15 17:06:20 +00:00
1d5596db5f
Rename the trap field away from "website" and keep legacy detection so real messages still reach Telegram. Co-authored-by: Cursor <cursoragent@cursor.com>
216 lines
8.6 KiB
HTML
216 lines
8.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="{{HTML_LANG}}" data-theme="light" data-page-lang="{{PAGE_LANG}}">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
{{HEAD_META}}
|
||
{{THEME_SCRIPT}}
|
||
{{LANG_REDIRECT_SCRIPT}}
|
||
<link rel="stylesheet" href="{{ASSET_PREFIX}}styles.css?v=20260726d">
|
||
</head>
|
||
<body>
|
||
|
||
<header class="site-header">
|
||
<div class="container header-inner">
|
||
<nav class="lang-switch" id="langSwitch" aria-label="Language">
|
||
{{LANG_SWITCH}}
|
||
</nav>
|
||
<div class="header-actions">
|
||
<a href="{{HOME_HREF}}" class="home-link">HOME PAGE</a>
|
||
<button class="theme-toggle" id="themeToggle" data-i18n-aria="a11y.toggleTheme" aria-label="Toggle theme">
|
||
<svg class="icon-sun" viewBox="0 0 24 24" width="20" height="20"><circle cx="12" cy="12" r="5"></circle><g stroke-width="2"><line x1="12" y1="1" x2="12" y2="4"></line><line x1="12" y1="20" x2="12" y2="23"></line><line x1="4.2" y1="4.2" x2="6.3" y2="6.3"></line><line x1="17.7" y1="17.7" x2="19.8" y2="19.8"></line><line x1="1" y1="12" x2="4" y2="12"></line><line x1="20" y1="12" x2="23" y2="12"></line><line x1="4.2" y1="19.8" x2="6.3" y2="17.7"></line><line x1="17.7" y1="6.3" x2="19.8" y2="4.2"></line></g></svg>
|
||
<svg class="icon-moon" viewBox="0 0 24 24" width="20" height="20"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"></path></svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
|
||
<section class="terminal-hero container">
|
||
<div class="terminal-stage">
|
||
<div class="terminal-brand">
|
||
<div class="terminal-brand-inner" id="terminalBrandInner">
|
||
<h1 class="terminal-logo"><span class="accent">428th</span><span class="terminal-logo-main">Terminal</span></h1>
|
||
</div>
|
||
</div>
|
||
|
||
<nav class="main-nav terminal-nav" data-i18n-aria="a11y.sections" aria-label="Sections">
|
||
<a href="#functionality" data-i18n="terminal.nav.functionality"></a>
|
||
<a href="#pricing" data-i18n="terminal.nav.pricing"></a>
|
||
<a href="#contact" class="nav-cta" data-i18n="nav.contact"></a>
|
||
</nav>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="post-hero-lift">
|
||
|
||
<!-- ФУНКЦИОНАЛ -->
|
||
<section id="functionality" class="section reveal">
|
||
<div class="container">
|
||
<span class="eyebrow" data-i18n="terminal.func.eyebrow"></span>
|
||
<h2 data-i18n="terminal.func.title"></h2>
|
||
<p class="lead" data-i18n="terminal.func.lead"></p>
|
||
|
||
<div class="two-col">
|
||
<div>
|
||
<h4 data-i18n="terminal.func.manualTitle"></h4>
|
||
<ul class="dash-list">
|
||
<li data-i18n="terminal.func.manual1"></li>
|
||
<li data-i18n="terminal.func.manual2"></li>
|
||
<li data-i18n="terminal.func.manual3"></li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 data-i18n="terminal.func.terminalTitle"></h4>
|
||
<ul class="dash-list">
|
||
<li data-i18n="terminal.func.terminal1"></li>
|
||
<li data-i18n="terminal.func.terminal2"></li>
|
||
<li data-i18n="terminal.func.terminal3"></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="note-box">
|
||
<p data-i18n="terminal.func.note1"></p>
|
||
</div>
|
||
|
||
<ol class="numbered-list" data-count="4">
|
||
<li><span class="num">01</span><p data-i18n="terminal.func.step1"></p></li>
|
||
<li><span class="num">02</span><p data-i18n="terminal.func.step2"></p></li>
|
||
<li><span class="num">03</span><p data-i18n="terminal.func.step3"></p></li>
|
||
<li><span class="num">04</span><p data-i18n="terminal.func.step4"></p></li>
|
||
</ol>
|
||
|
||
<p class="lead" data-i18n="terminal.func.lead2"></p>
|
||
|
||
<ul class="dash-list dash-list--block">
|
||
<li data-i18n="terminal.func.feature1"></li>
|
||
<li data-i18n="terminal.func.feature2"></li>
|
||
<li data-i18n="terminal.func.feature3"></li>
|
||
<li data-i18n="terminal.func.feature4"></li>
|
||
</ul>
|
||
|
||
<div class="note-box">
|
||
<p data-i18n="terminal.func.note2"></p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ЦЕНЫ -->
|
||
<section id="pricing" class="section reveal">
|
||
<div class="container">
|
||
<span class="eyebrow" data-i18n="terminal.price.eyebrow"></span>
|
||
<h2 data-i18n="terminal.price.title"></h2>
|
||
<p class="lead" data-i18n="terminal.price.lead"></p>
|
||
|
||
<ul class="dash-list dash-list--block">
|
||
<li data-i18n="terminal.price.item1"></li>
|
||
<li data-i18n="terminal.price.item2"></li>
|
||
<li data-i18n="terminal.price.item3"></li>
|
||
<li data-i18n="terminal.price.item4"></li>
|
||
<li data-i18n="terminal.price.item5"></li>
|
||
</ul>
|
||
|
||
<div class="note-box">
|
||
<p data-i18n="terminal.price.note"></p>
|
||
</div>
|
||
|
||
<ol class="numbered-list" data-count="4">
|
||
<li><span class="num">01</span><p data-i18n="terminal.price.step1"></p></li>
|
||
<li><span class="num">02</span><p data-i18n="terminal.price.step2"></p></li>
|
||
<li><span class="num">03</span><p data-i18n="terminal.price.step3"></p></li>
|
||
<li><span class="num">04</span><p data-i18n="terminal.price.step4"></p></li>
|
||
</ol>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- КОНТАКТ -->
|
||
<section id="contact" class="section reveal contact-section">
|
||
<div class="container center">
|
||
<span class="eyebrow" data-i18n="contact.eyebrow"></span>
|
||
<p data-i18n="contact.text1"></p>
|
||
<p data-i18n="contact.text2"></p>
|
||
|
||
<a class="btn-outline" href="https://t.me/artemium" target="_blank" rel="noopener">
|
||
<span data-i18n="contact.telegramLabel"></span> →
|
||
</a>
|
||
|
||
<button class="link-underline" id="openContactForm" data-i18n="contact.anonForm"></button>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ССЫЛКИ / FOOTER -->
|
||
<footer class="site-footer">
|
||
<div class="container two-col">
|
||
<div>
|
||
<h5 data-i18n="footer.channelsTitle"></h5>
|
||
<ul class="dash-list">
|
||
<li>Telegram: <a href="https://t.me/+QIZFJDaZjrliMDI6" target="_blank" rel="noopener">@a428th</a> + <a href="https://t.me/+cJfqh9ZTHswwMThi" target="_blank" rel="noopener" data-i18n="footer.workChat"></a></li>
|
||
<li>YouTube: <a href="https://www.youtube.com/channel/UCdAD0ER3neqgjhCsgetY1bw" target="_blank" rel="noopener">428th _ Crypto</a></li>
|
||
<li>X (Twitter): <a href="#" target="_blank" rel="noopener">428th _ Crypto</a></li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h5 data-i18n="footer.refTitle"></h5>
|
||
<ul class="dash-list">
|
||
<li><span data-i18n="footer.refBingx"></span> <a href="https://bingxdao.com/partner/artemium/" target="_blank" rel="noopener">BingX</a></li>
|
||
<li><span data-i18n="footer.refBybit"></span> <a href="https://partner.bybit.com/b/ARTEMIUM" target="_blank" rel="noopener">ByBit</a></li>
|
||
<li>
|
||
<a href="https://www.binance.com/register?ref=ARTEMIUM" target="_blank" rel="noopener">Binance</a>,
|
||
<a href="https://partner.bitget.com/bg/artemium" target="_blank" rel="noopener">BitGet</a>,
|
||
<a href="https://promote.mexc.com/b/artemium" target="_blank" rel="noopener">MEXC</a>,
|
||
<a href="#" target="_blank" rel="noopener">OKX</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="container footer-bottom">
|
||
<span class="footer-wolf">🐺</span>
|
||
<span class="footer-copy">© 2026 _ 428th.com</span>
|
||
</div>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
</main>
|
||
|
||
<!-- Модалка формы связи -->
|
||
<div class="modal-overlay" id="contactModal">
|
||
<div class="modal-box">
|
||
<button class="modal-close" id="closeContactForm">×</button>
|
||
<h3 data-i18n="form.title"></h3>
|
||
|
||
<form id="contactForm" data-status-loading="{{FORM_STATUS_LOADING}}" data-status-success="{{FORM_STATUS_SUCCESS}}" data-status-error="{{FORM_STATUS_ERROR}}">
|
||
<label class="hp-field" aria-hidden="true">
|
||
<span>Company fax</span>
|
||
<input type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
|
||
</label>
|
||
|
||
<label>
|
||
<span data-i18n="form.nameLabel"></span>
|
||
<input type="text" name="name" required="">
|
||
</label>
|
||
|
||
<label>
|
||
<span data-i18n="form.methodLabel"></span>
|
||
<input type="text" name="contact" data-i18n-placeholder="form.methodPlaceholder" required="">
|
||
</label>
|
||
|
||
<label>
|
||
<span data-i18n="form.messageLabel"></span>
|
||
<textarea name="message" rows="4" required=""></textarea>
|
||
</label>
|
||
|
||
<button type="submit" class="btn-solid" data-i18n="form.submit"></button>
|
||
<p class="form-status" id="formStatus"></p>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<link rel="stylesheet" href="{{ASSET_PREFIX}}fonts/inter.css">
|
||
<script src="{{ASSET_PREFIX}}common.js"></script>
|
||
<script src="{{ASSET_PREFIX}}terminal.js"></script>
|
||
|
||
</body>
|
||
</html>
|