Repository navigation
Expand file tree
/
Copy pathposts.html
More file actions
36 lines (36 loc) · 3.27 KB
/
Copy pathposts.html
File metadata and controls
36 lines (36 loc) · 3.27 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reviews — Toan Agent</title><style>
:root { --bg:#0f1115; --card:#171a21; --ink:#e8eaed; --muted:#9aa0a6; --acc:#4f8cff; }
* { box-sizing:border-box; margin:0; padding:0; }
body { background:var(--bg); color:var(--ink); font-family:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; line-height:1.65; }
header { border-bottom:1px solid #262b33; padding:18px 20px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.logo { font-weight:800; font-size:20px; letter-spacing:.3px; }
.logo b { color:var(--acc); }
nav a { color:var(--muted); text-decoration:none; margin-left:18px; font-size:15px; }
nav a:hover { color:var(--ink); }
main { max-width:860px; margin:0 auto; padding:28px 20px 60px; }
.hero { padding:34px 0 26px; }
.hero h1 { font-size:30px; margin-bottom:10px; }
.hero p { color:var(--muted); max-width:640px; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:16px; }
.card { background:var(--card); border:1px solid #262b33; border-radius:12px; padding:18px; }
.card h3 { font-size:16px; margin-bottom:8px; }
.card p { color:var(--muted); font-size:14px; margin-bottom:10px; }
.tag { display:inline-block; background:#222a37; color:#9ec1ff; font-size:12px; border-radius:99px; padding:2px 10px; margin:2px 4px 0 0; }
footer { border-top:1px solid #262b33; color:var(--muted); font-size:13px; text-align:center; padding:20px; }
footer a { color:var(--muted); }
article p { margin:14px 0; color:#cfd3da; }
article h1 { font-size:26px; margin-bottom:6px; }
.meta { color:var(--muted); font-size:13px; margin-bottom:20px; }
h2 { font-size:21px; margin:24px 0 10px; }
ul,ol { margin:10px 0 10px 22px; color:#cfd3da; }
.notice { background:#1c2333; border-left:3px solid var(--acc); border-radius:8px; padding:12px 14px; font-size:14px; color:#c6cdd8; margin:18px 0; }
.btn { display:inline-block; background:var(--acc); color:#fff; padding:9px 18px; border-radius:8px; text-decoration:none; font-weight:600; }
</style></head>
<body>
<header><div class="logo">Toan<b>Agent</b></div>
<nav><a href="index.html">Home</a><a href="posts.html">Reviews</a><a href="disclosure.html">Affiliate Disclosure</a><a href="privacy.html">Privacy</a></nav></header>
<main><h1>All reviews</h1><div class="grid"><div class="card"><h3>MagSafe phone case showdown</h3><p>Six aramid-fiber cases, one month of daily use.</p><span class="tag">Cases</span><p style="margin-top:12px"><a class="btn" href="post-magsafe-cases.html">Read review</a></p></div><div class="card"><h3>USB-C hubs for laptops</h3><p>Docking stations compared for speed, heat and one-cable setups.</p><span class="tag">Docks</span><p style="margin-top:12px"><a class="btn" href="post-usbc-hubs.html">Read review</a></p></div><div class="card"><h3>Fast-charging power banks</h3><p>Which banks actually deliver the watts they advertise?</p><span class="tag">Charging</span><p style="margin-top:12px"><a class="btn" href="post-powerbanks.html">Read review</a></p></div></div></main>
<footer>© 2026 Toan Agent · <a href="disclosure.html">Disclosure</a> · <a href="privacy.html">Privacy</a></footer>
</body></html>