Free
Footer
PayEngine Footer
A footer block extracted from the PayEngine template, available in Tailwind CSS, Bootstrap, DaisyUI, and Material Design.
0
20
payengine.html
<!DOCTYPE html>
<html lang="en">
<head>
<script>
window.FontAwesomeConfig = {
autoReplaceSvg: 'nest'
};
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PayEngine Footer | Tailwind CSS UI Block</title>
<meta name="description" content="A footer block extracted from the PayEngine template, available in Tailwind CSS, Bootstrap, DaisyUI, and Material Design.">
<meta name="keywords" content="PayEngine, Tailwind CSS template, HTML website template, fintech website template, payout platform landing page, global payments, financial infrastructure, responsive fintech design">
<meta name="author" content="Let's templates">
<link rel="canonical" href="">
<meta property="og:type" content="product">
<meta property="og:site_name" content="Let's templates">
<meta property="og:locale" content="en_US">
<meta property="og:url" content="">
<meta property="og:title" content="PayEngine | Tailwind CSS Fintech Payments Template">
<meta property="og:description" content="A modern Tailwind CSS fintech template for global payouts, intelligent ledger technology, payment compliance, reporting, and financial infrastructure platforms.">
<meta property="og:image" content="">
<meta property="og:image:alt" content="PayEngine template preview">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="">
<meta name="twitter:title" content="PayEngine | Tailwind CSS Fintech Payments Template">
<meta name="twitter:description" content="A modern Tailwind CSS fintech template for global payouts, intelligent ledger technology, payment compliance, reporting, and financial infrastructure platforms.">
<meta name="twitter:image" content="">
<meta name="twitter:image:alt" content="PayEngine template preview">
<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=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #000000;
}
</style>
</head>
<body class="text-white selection:bg-white selection:text-black">
<!-- block:start footer -->
<footer id="footer" class="border-t border-white/5 py-20 px-6">
<div class="max-w-7xl mx-auto grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-12 text-sm">
<div class="col-span-2 lg:col-span-1">
<div class="flex items-center gap-2 mb-6">
<div class="w-6 h-6 bg-white flex items-center justify-center rounded-sm">
<div class="w-3 h-3 bg-black rotate-45"></div>
</div>
<span class="text-lg font-bold">PayEngine</span>
</div>
<p class="text-white/40 leading-relaxed max-w-[200px]">
Reimagining the movement of capital for the digital age.
</p>
</div>
<div class="space-y-4">
<div class="font-bold mb-6">Product</div>
<a href="#" class="block text-white/40 hover:text-white transition-colors">Payouts</a>
<a href="#" class="block text-white/40 hover:text-white transition-colors">Compliance</a>
<a href="#" class="block text-white/40 hover:text-white transition-colors">Global Ledger</a>
<a href="#" class="block text-white/40 hover:text-white transition-colors">Reporting</a>
</div>
<div class="space-y-4">
<div class="font-bold mb-6">Developers</div>
<a href="#" class="block text-white/40 hover:text-white transition-colors">Documentation</a>
<a href="#" class="block text-white/40 hover:text-white transition-colors">API Reference</a>
<a href="#" class="block text-white/40 hover:text-white transition-colors">Changelog</a>
<a href="#" class="block text-white/40 hover:text-white transition-colors">Status</a>
</div>
<div class="space-y-4">
<div class="font-bold mb-6">Company</div>
<a href="#" class="block text-white/40 hover:text-white transition-colors">About</a>
<a href="#" class="block text-white/40 hover:text-white transition-colors">Careers</a>
<a href="#" class="block text-white/40 hover:text-white transition-colors">Contact</a>
<a href="#" class="block text-white/40 hover:text-white transition-colors">Security</a>
</div>
<div class="space-y-4">
<div class="font-bold mb-6">Legal</div>
<a href="#" class="block text-white/40 hover:text-white transition-colors">Privacy</a>
<a href="#" class="block text-white/40 hover:text-white transition-colors">Terms</a>
<a href="#" class="block text-white/40 hover:text-white transition-colors">Cookies</a>
</div>
</div>
<div class="max-w-7xl mx-auto mt-20 pt-8 border-t border-white/5 flex flex-col md:row justify-between items-center gap-4 text-xs text-white/20 uppercase tracking-widest font-bold">
<div>© 2024 PayEngine Inc. All Rights Reserved.</div>
<div class="flex gap-8">
<a href="#" class="hover:text-white/60 transition-colors">Twitter</a>
<a href="#" class="hover:text-white/60 transition-colors">LinkedIn</a>
<a href="#" class="hover:text-white/60 transition-colors">GitHub</a>
</div>
</div>
</footer>
<!-- block:end footer -->
</body>
</html>
From this template
Free
SaaS
PayEngine
Unlimited access to all products
Unlock the entire library of premium templates and blocks. Renews automatically, cancel anytime.
€20
/ 3 months
or €60 / year
Get Unlimited Access