ffbks/solescience-chronicles

1<footer class="bg-gray-900 text-white py-12">2    <div class="container mx-auto px-6">3        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">4            <div>5                <h3 class="text-xl font-bold mb-4">SOLE SCIENCE</h3>6                <p class="text-gray-400">Exploring the science and technology of foot comfort.</p>7            </div>8            <div>9                <h4 class="font-bold mb-4">Explore</h4>10                <ul class="space-y-2">11                    <li><a href="index.html" class="text-gray-400 hover:text-white">Home</a></li>12                    <li><a href="articles.html" class="text-gray-400 hover:text-white">Articles</a></li>13                    <li><a href="#" class="text-gray-400 hover:text-white">Science</a></li>14                    <li><a href="#" class="text-gray-400 hover:text-white">About</a></li>15                </ul>16            </div>17            <div>18                <h4 class="font-bold mb-4">Connect</h4>19                <div class="flex space-x-4">20                    <a href="#" class="text-gray-400 hover:text-white">21                        <i data-feather="twitter"></i>22                    </a>23                    <a href="#" class="text-gray-400 hover:text-white">24                        <i data-feather="instagram"></i>25                    </a>26                    <a href="#" class="text-gray-400 hover:text-white">27                        <i data-feather="youtube"></i>28                    </a>29                </div>30            </div>31        </div>32        <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500">33            <p>© 2023 Sole Science Chronicles. All rights reserved.</p>34        </div>35    </div>36</footer>