Haven — Property Listing
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Haven</title><script src="https://cdn.tailwindcss.com"></script><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500&display=swap" rel="stylesheet"><style>body{font-family:Inter,sans-serif}h1,h2,h3,.dj{font-family:'Plus Jakarta Sans',sans-serif}</style><style>@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes blob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.blob{animation:blob 14s ease-in-out infinite}.floaty{animation:floaty 6s ease-in-out infinite}.reveal{animation:fadeUp .8s ease both}.r1{animation-delay:.1s}.r2{animation-delay:.25s}.r3{animation-delay:.4s}.r4{animation-delay:.55s}.gradtext{background-size:200% auto;animation:shimmer 4s linear infinite}.card-lift{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.card-lift:hover{transform:translate...
Copy & download HTML + Tailwind siap pakai. Atau bikin versimu sendiri dari nol — lebih cepat.
✨ Remix gratis (2 credit) Daftar untuk copy code →