41 lines
2.2 KiB
HTML
41 lines
2.2 KiB
HTML
<footer class="bg-gray-900 text-white py-12">
|
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
|
<div>
|
|
<h3 class="text-xl font-bold mb-4">TechInsights</h3>
|
|
<p class="text-gray-400">Exploring the future of work and technology through thoughtful analysis and commentary.</p>
|
|
</div>
|
|
<div>
|
|
<h4 class="font-semibold mb-4">Explore</h4>
|
|
<ul class="space-y-2">
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Home</a></li>
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Articles</a></li>
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Topics</a></li>
|
|
<li><a href="#" class="text-gray-400 hover:text-white">About</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 class="font-semibold mb-4">Topics</h4>
|
|
<ul class="space-y-2">
|
|
<li><a href="#" class="text-gray-400 hover:text-white">AI</a></li>
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Remote Work</a></li>
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Productivity</a></li>
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Web3</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 class="font-semibold mb-4">Connect</h4>
|
|
<div class="flex space-x-4">
|
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter text-xl"></i></a>
|
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin text-xl"></i></a>
|
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram text-xl"></i></a>
|
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-github text-xl"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
|
|
<p>© {{ now.Format "2006" }} TechInsights. All rights reserved.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|