v1

2026-06-15 11:03:27 +00:00
1 changed files with 58 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Test Landing</title>
+<style>
+:root{--ink:#0F1218;--cyan:#00E5FF;--cyan-50:#E8FCFF;--white:#fff;--gray-500:#5B6573;--gray-100:#F2F4F7}
+*{box-sizing:border-box;margin:0;padding:0}
+body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;color:var(--ink);background:var(--white)}
+.container{max-width:1140px;margin:0 auto;padding:80px 24px}
+.hero{background:var(--ink);color:var(--white);text-align:center}
+.hero h1{font-size:56px;font-weight:800;line-height:1.05;margin-bottom:24px}
+.hero p{font-size:20px;color:#9aa3b2;max-width:600px;margin:0 auto 32px}
+.btn{display:inline-block;background:var(--cyan);color:var(--ink);padding:14px 28px;border-radius:8px;font-weight:700;text-decoration:none}
+.btn:hover{background:#1be5ff}
+.section{text-align:center}
+.section h2{font-size:36px;font-weight:700;margin-bottom:24px}
+.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px}
+.card{background:var(--gray-100);border-radius:16px;padding:32px;text-align:left}
+.card h3{font-size:22px;font-weight:700;margin-bottom:12px}
+.card p{color:var(--gray-500);font-size:15px}
+.footer{text-align:center;padding:40px 24px;color:var(--gray-500);font-size:14px}
+@media(max-width:640px){.hero h1{font-size:36px}.section h2{font-size:28px}.container{padding:48px 20px}}
+</style>
+</head>
+<body>
+<section class="hero">
+  <div class="container">
+    <h1>Test Landing</h1>
+    <p>Super easy landing page — just a quick test to see if everything works.</p>
+    <a class="btn" href="#features">Learn More</a>
+  </div>
+</section>
+<section id="features" class="section">
+  <div class="container">
+    <h2>Features</h2>
+    <div class="cards">
+      <div class="card">
+        <h3>Fast</h3>
+        <p>Loads in milliseconds. No bloat, no nonsense.</p>
+      </div>
+      <div class="card">
+        <h3>Simple</h3>
+        <p>Clean design that just works on any device.</p>
+      </div>
+      <div class="card">
+        <h3>Free</h3>
+        <p>Hosted for free, no server needed.</p>
+      </div>
+    </div>
+  </div>
+</section>
+<footer class="footer">
+  <p>Made with Vibe42</p>
+</footer>
+</body>
+</html>