Add files via upload

defnetuncer98 · web-flow · commit 75b34bd987c7 · 2026-03-05T23:14:01.000+03:00
diff --git a/index.html b/index.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Premium Site</title>
+<script src="https://cdn.tailwindcss.com"></script>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
+<style>
+body{font-family:'Inter',sans-serif;background:#0f172a;color:white}
+.hero{background:radial-gradient(circle at top,#1e293b,#020617)}
+</style>
+</head>
+<body>
+
+<header class="flex justify-between items-center p-6 max-w-7xl mx-auto">
+<h1 class="text-2xl font-bold">MyBrand</h1>
+<nav class="space-x-6 text-gray-300">
+<a href="#" class="hover:text-white">Home</a>
+<a href="#features" class="hover:text-white">Features</a>
+<a href="#about" class="hover:text-white">About</a>
+<a href="#contact" class="hover:text-white">Contact</a>
+</nav>
+</header>
+
+<section class="hero text-center py-32 px-6">
+<h2 class="text-5xl font-bold mb-6">Build Something Amazing</h2>
+<p class="text-gray-300 max-w-2xl mx-auto mb-8">A premium modern website template ready for GitHub Pages deployment.</p>
+<button class="bg-white text-black px-8 py-3 rounded-xl font-semibold hover:scale-105 transition">Get Started</button>
+</section>
+
+<section id="features" class="max-w-7xl mx-auto py-24 px-6 grid md:grid-cols-3 gap-10">
+<div class="bg-slate-900 p-8 rounded-2xl shadow-lg">
+<h3 class="text-xl font-semibold mb-4">Fast</h3>
+<p class="text-gray-400">Optimized for speed and performance.</p>
+</div>
+<div class="bg-slate-900 p-8 rounded-2xl shadow-lg">
+<h3 class="text-xl font-semibold mb-4">Modern</h3>
+<p class="text-gray-400">Clean UI with modern design trends.</p>
+</div>
+<div class="bg-slate-900 p-8 rounded-2xl shadow-lg">
+<h3 class="text-xl font-semibold mb-4">Responsive</h3>
+<p class="text-gray-400">Looks perfect on all devices.</p>
+</div>
+</section>
+
+<section id="about" class="max-w-5xl mx-auto py-24 px-6 text-center">
+<h2 class="text-3xl font-bold mb-6">About</h2>
+<p class="text-gray-400">This is a premium looking starter website you can host for free using GitHub Pages.</p>
+</section>
+
+<section id="contact" class="text-center py-20">
+<h2 class="text-3xl font-bold mb-6">Contact</h2>
+<p class="text-gray-400 mb-6">Get in touch with us.</p>
+<button class="border border-white px-6 py-3 rounded-xl hover:bg-white hover:text-black transition">Email Us</button>
+</section>
+
+<footer class="text-center text-gray-500 py-10 border-t border-gray-800">
+© 2026 MyBrand. All rights reserved.
+</footer>
+
+</body>
+</html>
