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
24
<div class="min-h-screen bg-gradient-to-br from-slate-50 via-white to-indigo-50/40 font-sans text-slate-900 antialiased p-8 flex items-center justify-center">
<div class="max-w-3xl w-full grid md:grid-cols-2 gap-4">
<figure class="bg-white ring-1 ring-slate-200 rounded-2xl p-6 shadow-sm">
<blockquote class="text-slate-800 leading-relaxed">"RloopUI cut our design-to-prod time in half. The components feel like ours from day one."</blockquote>
<figcaption class="mt-5 flex items-center gap-3">
<div class="h-10 w-10 rounded-full bg-gradient-to-br from-indigo-500 to-violet-600"></div>
<div>
<p class="text-sm font-semibold">Maya Chen</p>
<p class="text-xs text-slate-500">Head of Design · Northwind</p>
</div>
</figcaption>
</figure>
<figure class="bg-slate-900 text-white rounded-2xl p-6 shadow-xl">
<blockquote class="leading-relaxed">"Genuinely the most considered Tailwind system I've used. The defaults are right."</blockquote>
<figcaption class="mt-5 flex items-center gap-3">
<div class="h-10 w-10 rounded-full bg-gradient-to-br from-fuchsia-500 to-rose-500"></div>
<div>
<p class="text-sm font-semibold">Jordan Reyes</p>
<p class="text-xs text-slate-400">CTO · Quill</p>
</div>
</figcaption>
</figure>
</div>
</div>
rloop.dev/p/Pr-Y18