Skip to content

Commit 219d931

Browse files
omarakhmedov-webomarakhmedov-web
authored
Update index.html
1 parent deee632 commit 219d931

1 file changed

Lines changed: 120 additions & 125 deletions

File tree

‎index.html‎

Lines changed: 120 additions & 125 deletions
Original file line numberDiff line numberDiff line change
@@ -1,130 +1,125 @@
1-
<!doctype html>
2-
<html lang="en" data-theme="dark">
1+
<!DOCTYPE html>
2+
3+
<html data-theme="dark" lang="en">
34
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<title>Metridex — On-chain risk metrics</title>
7-
<meta name="description" content="Metridex QuickScan: on-chain risk metrics for DeFi & Telegram. Scan tokens in seconds, get deep checks on demand.">
8-
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" as="style">
9-
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
10-
<link rel="stylesheet" href="styles.css?v=20250918-restore">
11-
<script defer src="script.js?v=20250918-restore"></script>
5+
<meta charset="utf-8"/>
6+
<meta content="width=device-width, initial-scale=1" name="viewport"/>
7+
<title>Metridex — On-chain risk metrics</title>
8+
<meta content="Metridex QuickScan: on-chain risk metrics for DeFi &amp; Telegram. Scan tokens in seconds, get deep checks on demand." name="description"/>
9+
<link as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap" rel="preload"/>
10+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap" rel="stylesheet"/>
11+
<link href="styles.css?v=20250918-restore" rel="stylesheet"/>
12+
<script defer="" src="script.js?v=20250918-restore"></script>
1213
</head>
1314
<body>
14-
<!-- Header (kept intact with your items) -->
15-
<header class="site-header">
16-
<div class="container">
17-
<a href="#" class="brand">
18-
<span class="brand-logo" aria-hidden="true">M</span>
19-
<span class="brand-text">Metridex</span>
20-
</a>
21-
<nav class="nav">
22-
<a href="#about">About</a>
23-
<a href="#features">Features</a>
24-
<a href="#pricing">Pricing</a>
25-
<a href="#contact">Contact</a>
26-
<button id="theme-toggle" class="btn btn-ghost" aria-label="Toggle theme">🌙</button>
27-
</nav>
28-
</div>
29-
</header>
30-
31-
<!-- Hero with CTA to bot -->
32-
<main class="hero" id="home">
33-
<div class="container hero-grid">
34-
<div class="hero-copy">
35-
<h1>Metridex <span class="accent">QuickScan</span></h1>
36-
<p class="lead">On‑chain risk metrics for DeFi & Telegram. QuickScan in seconds. Deep checks on demand.</p>
37-
<div class="cta-row">
38-
<a class="btn btn-primary btn-lg" href="https://t.me/MetridexBot" target="_blank" rel="noopener">Connect the Bot</a>
39-
<a class="btn btn-outline btn-lg" href="#features">Learn more</a>
40-
</div>
41-
<ul class="hero-bullets">
42-
<li>Δ 5m/1h/6h/24h • Liquidity • FDV</li>
43-
<li>WHOIS/RDAP • SSL • Wayback</li>
44-
<li>Holders/Roles • Honeypot • TokenSniffer</li>
45-
</ul>
46-
</div>
47-
<div class="hero-visual" role="img" aria-label="Metridex shield">
48-
<div class="shield"><span class="shield-m">M</span></div>
49-
</div>
50-
</div>
51-
</main>
52-
53-
<!-- About -->
54-
<section id="about" class="section">
55-
<div class="container grid-2">
56-
<div class="card">
57-
<h2>About</h2>
58-
<p>Metridex turns fragmented crypto intel into clear, actionable signals. Scan a token in seconds, then dive deep only when needed.</p>
59-
</div>
60-
<div class="card">
61-
<h3>Tech</h3>
62-
<p>Render (Flask/Gunicorn), Cloudflare Worker ds‑proxy, stateless callbacks, idempotent delivery, cache-first detail scan.</p>
63-
</div>
64-
</div>
65-
</section>
66-
67-
<!-- Features -->
68-
<section id="features" class="section">
69-
<div class="container grid-3">
70-
<div class="card">
71-
<h3>Quick</h3>
72-
<p>Signal‑first QuickScan with Δ‑buttons. No waiting, no noise.</p>
73-
</div>
74-
<div class="card">
75-
<h3>Deep</h3>
76-
<p>WHOIS/RDAP, SSL, Wayback, on‑chain roles — one tap when you need it.</p>
77-
</div>
78-
<div class="card">
79-
<h3>Reliable</h3>
80-
<p>Stateless UI, duplicate‑safe replies, transparent fallbacks.</p>
81-
</div>
82-
</div>
83-
</section>
84-
85-
<!-- Pricing -->
86-
<section id="pricing" class="section">
87-
<div class="container">
88-
<h2 class="section-title">Pricing</h2>
89-
<div class="pricing-grid">
90-
<div class="plan">
91-
<h3>Basic</h3>
92-
<p class="price">Free</p>
93-
<ul><li>QuickScan</li><li>Core metrics</li></ul>
94-
</div>
95-
<div class="plan plan-pro">
96-
<h3>Pro</h3>
97-
<p class="price">$49/mo</p>
98-
<ul><li>Deep checks</li><li>Chart Δ presets</li><li>Priority cache</li></ul>
99-
</div>
100-
<div class="plan">
101-
<h3>Enterprise</h3>
102-
<p class="price">Custom</p>
103-
<ul><li>White‑label</li><li>Multi‑channel</li></ul>
104-
</div>
105-
</div>
106-
</div>
107-
</section>
108-
109-
<!-- Contact -->
110-
<section id="contact" class="section">
111-
<div class="container grid-2">
112-
<div class="card">
113-
<h2>Contact</h2>
114-
<p>omар@metridex.com • contact@metridex.com</p>
115-
<p><a class="btn btn-primary" href="https://t.me/MetridexBot" target="_blank" rel="noopener">Open @MetridexBot</a></p>
116-
</div>
117-
<div class="card">
118-
<h3>Docs</h3>
119-
<p>API &amp; onboarding soon.</p>
120-
</div>
121-
</div>
122-
</section>
123-
124-
<footer class="site-footer">
125-
<div class="container">
126-
<p>© <span id="year"></span> Metridex. All rights reserved.</p>
127-
</div>
128-
</footer>
15+
<!-- Header (kept intact with your items) -->
16+
<header class="site-header">
17+
<div class="container">
18+
<a class="brand" href="#">
19+
<span aria-hidden="true" class="brand-logo">M</span>
20+
<span class="brand-text">Metridex</span>
21+
</a>
22+
<nav class="nav">
23+
<a href="#about">About</a>
24+
<a href="#features">Features</a>
25+
<a href="#pricing">Pricing</a>
26+
<a href="#contact">Contact</a>
27+
<button aria-label="Toggle theme" class="btn btn-ghost" id="theme-toggle">🌙</button>
28+
</nav>
29+
</div>
30+
</header>
31+
<!-- Hero with CTA to bot -->
32+
<main class="hero" id="home">
33+
<div class="container hero-grid">
34+
<div class="hero-copy">
35+
<h1>Metridex <span class="accent">QuickScan</span></h1><a class="btn-animated" href="https://t.me/MetridexBot" id="connect-bot" rel="noopener" target="_blank">Open @MetridexBot</a>
36+
<p class="lead">On‑chain risk metrics for DeFi &amp; Telegram. QuickScan in seconds. Deep checks on demand.</p>
37+
<div class="cta-row">
38+
<a class="btn btn-primary btn-lg" href="https://t.me/MetridexBot" rel="noopener" target="_blank">Connect the Bot</a>
39+
<a class="btn btn-outline btn-lg" href="#features">Learn more</a>
40+
</div>
41+
<ul class="hero-bullets">
42+
<li>Δ 5m/1h/6h/24h • Liquidity • FDV</li>
43+
<li>WHOIS/RDAP • SSL • Wayback</li>
44+
<li>Holders/Roles • Honeypot • TokenSniffer</li>
45+
</ul>
46+
</div>
47+
<div aria-label="Metridex shield" class="hero-visual" role="img">
48+
<div class="shield"><span class="shield-m">M</span></div>
49+
</div>
50+
</div>
51+
</main>
52+
<!-- About -->
53+
<section class="section" id="about">
54+
<div class="container grid-2">
55+
<div class="card">
56+
<h2>About</h2>
57+
<p>Metridex turns fragmented crypto intel into clear, actionable signals. Scan a token in seconds, then dive deep only when needed.</p>
58+
</div>
59+
<div class="card">
60+
<h3>Tech</h3>
61+
<p>Render (Flask/Gunicorn), Cloudflare Worker ds‑proxy, stateless callbacks, idempotent delivery, cache-first detail scan.</p>
62+
</div>
63+
</div>
64+
</section>
65+
<!-- Features -->
66+
<section class="section" id="features">
67+
<div class="container grid-3">
68+
<div class="card">
69+
<h3>Quick</h3>
70+
<p>Signal‑first QuickScan with Δ‑buttons. No waiting, no noise.</p>
71+
</div>
72+
<div class="card">
73+
<h3>Deep</h3>
74+
<p>WHOIS/RDAP, SSL, Wayback, on‑chain roles — one tap when you need it.</p>
75+
</div>
76+
<div class="card">
77+
<h3>Reliable</h3>
78+
<p>Stateless UI, duplicate‑safe replies, transparent fallbacks.</p>
79+
</div>
80+
</div>
81+
</section>
82+
<!-- Pricing -->
83+
<section class="section" id="pricing">
84+
<div class="container">
85+
<h2 class="section-title">Pricing</h2>
86+
<div class="pricing-grid">
87+
<div class="plan">
88+
<h3>Basic</h3>
89+
<p class="price">Free</p>
90+
<ul><li>QuickScan</li><li>Core metrics</li></ul>
91+
</div>
92+
<div class="plan plan-pro">
93+
<h3>Pro</h3>
94+
<p class="price">$49/mo</p>
95+
<ul><li>Deep checks</li><li>Chart Δ presets</li><li>Priority cache</li></ul>
96+
</div>
97+
<div class="plan">
98+
<h3>Enterprise</h3>
99+
<p class="price">Custom</p>
100+
<ul><li>White‑label</li><li>Multi‑channel</li></ul>
101+
</div>
102+
</div>
103+
</div>
104+
</section>
105+
<!-- Contact -->
106+
<section class="section" id="contact">
107+
<div class="container grid-2">
108+
<div class="card">
109+
<h2>Contact</h2>
110+
<p>omар@metridex.com • contact@metridex.com</p>
111+
<p><a class="btn btn-primary" href="https://t.me/MetridexBot" rel="noopener" target="_blank">Open @MetridexBot</a></p>
112+
</div>
113+
<div class="card">
114+
<h3>Docs</h3>
115+
<p>API &amp; onboarding soon.</p>
116+
</div>
117+
</div>
118+
</section>
119+
<footer class="site-footer">
120+
<div class="container">
121+
<p>© <span id="year"></span> Metridex. All rights reserved.</p>
122+
</div>
123+
</footer>
129124
</body>
130125
</html>

0 commit comments

Comments
 (0)