Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div class="min-h-screen bg-gradient-to-b from-slate-50 to-white font-sans antialiased">
<nav class="sticky top-0 backdrop-blur bg-white/70 ring-1 ring-slate-200/50">
<div class="max-w-6xl mx-auto px-6 h-16 flex items-center justify-between">
<div class="flex items-center gap-2">
<div class="h-8 w-8 rounded-lg bg-gradient-to-br from-indigo-600 to-violet-600"></div>
<span class="font-semibold tracking-tight">Rloop</span>
</div>
<div class="hidden md:flex items-center gap-1 text-sm">
<a href="#" class="px-3 py-2 rounded-lg text-slate-700 hover:bg-slate-100 transition">Product</a>
<a href="#" class="px-3 py-2 rounded-lg text-slate-700 hover:bg-slate-100 transition">Pricing</a>
<a href="#" class="px-3 py-2 rounded-lg text-slate-700 hover:bg-slate-100 transition">Docs</a>
<a href="#" class="px-3 py-2 rounded-lg text-slate-700 hover:bg-slate-100 transition">Customers</a>
</div>
<div class="flex items-center gap-2">
<button class="px-3 py-1.5 rounded-lg text-sm text-slate-700 hover:bg-slate-100 transition">Sign in</button>
<button class="px-3 py-1.5 rounded-lg bg-slate-900 text-white text-sm font-medium hover:bg-slate-800 transition">Get started</button>
</div>
</div>
</nav>
<div class="max-w-6xl mx-auto px-6 py-16">
<h1 class="text-4xl font-bold tracking-tight">Welcome back.</h1>
</div>
</div>
rloop.dev/p/Pr-Y37