FAHUTAN

Beranda
Tentang Kami
Program Studi
Akademik
Layanan
Kepakaran
Senat Fakultas
PPID

No products in the cart.

About

We are professional and reliable provider since we offer customers the most powerful and beautiful themes. Besides, we always catch the latest technology and adapt to follow world’s new trends to deliver the best themes to the market.

Beranda
Tentang Kami
Program Studi
Akademik
Layanan
Kepakaran
Senat Fakultas
PPID

0 items | $0.00

No products in the cart.

FAHUTAN

Home /
FAHUTAN

<!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Footer WordPress Simpel</title> <script src="https://cdn.tailwindcss.com"></script> </head> <body class="bg-gray-50">  <div class="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 to-white"> <div class="text-center max-w-2xl mx-auto p-8"> <h1 class="text-3xl font-bold text-gray-800 mb-4">Footer WordPress Simpel</h1> <p class="text-gray-600 mb-6">Footer yang ringan dan mudah digunakan</p> <div class="bg-white p-6 rounded-lg shadow-lg mb-8"> <h2 class="text-lg font-semibold mb-3">Cara Penggunaan:</h2> <div class="text-left text-sm space-y-2 text-gray-700"> <p>1. Simpan sebagai <strong>footer.php</strong> di folder theme</p> <p>2. Upload ke <strong>/wp-content/themes/nama-theme/</strong></p> <p>3. Footer siap digunakan!</p> </div> </div> </div> </div>  <footer class="bg-gray-800 text-white py-8"> <div class="container mx-auto px-4">  <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6">  <div> <h3 class="text-lg font-semibold mb-3">Website Saya</h3> <p class="text-gray-300 text-sm mb-3"> Deskripsi singkat tentang website atau bisnis Anda. </p> <div class="flex space-x-3"> <a href="#" class="text-gray-300 hover:text-white transition-colors"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/> </svg> </a> <a href="#" class="text-gray-300 hover:text-white transition-colors"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z"/> </svg> </a> <a href="#" class="text-gray-300 hover:text-white transition-colors"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.174-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.402.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.357-.629-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24.009 12.017 24.009c6.624 0 11.99-5.367 11.99-11.988C24.007 5.367 18.641.001 12.017.001z"/> </svg> </a> </div> </div>  <div> <h3 class="text-lg font-semibold mb-3">Menu</h3> <ul class="space-y-2 text-sm"> <li><a href="/" class="text-gray-300 hover:text-white transition-colors">Beranda</a></li> <li><a href="/tentang" class="text-gray-300 hover:text-white transition-colors">Tentang</a></li> <li><a href="/layanan" class="text-gray-300 hover:text-white transition-colors">Layanan</a></li> <li><a href="/blog" class="text-gray-300 hover:text-white transition-colors">Blog</a></li> <li><a href="/kontak" class="text-gray-300 hover:text-white transition-colors">Kontak</a></li> </ul> </div>  <div> <h3 class="text-lg font-semibold mb-3">Kontak</h3> <div class="space-y-2 text-sm text-gray-300"> <p>📧 info@website.com</p> <p>📱 +62 123 456 789</p> <p>📍 Jakarta, Indonesia</p> </div> </div> </div>  <div class="border-t border-gray-700 pt-4 text-center"> <p class="text-gray-400 text-sm"> © <span id="year"></span> Website Saya. Semua hak dilindungi. </p> </div> </div> </footer>  <div class="hidden"> <pre class="bg-gray-900 text-green-400 p-4 text-xs"> <?php /** * Footer Template - footer.php * Simpan file ini sebagai footer.php di folder theme WordPress */ ?> <footer class="bg-gray-800 text-white py-8"> <div class="container mx-auto px-4"> <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6">  <div> <h3 class="text-lg font-semibold mb-3"><?php bloginfo('name'); ?></h3> <p class="text-gray-300 text-sm mb-3"> <?php bloginfo('description'); ?> </p> </div>  <div> <h3 class="text-lg font-semibold mb-3">Menu</h3> <?php wp_nav_menu(array( 'theme_location' => 'footer-menu', 'menu_class' => 'space-y-2 text-sm', 'container' => false )); ?> </div>  <div> <h3 class="text-lg font-semibold mb-3">Kontak</h3> <div class="space-y-2 text-sm text-gray-300"> <p>📧 <?php echo get_option('admin_email'); ?></p> <p>📱 +62 123 456 789</p> <p>📍 Jakarta, Indonesia</p> </div> </div> </div>  <div class="border-t border-gray-700 pt-4 text-center"> <p class="text-gray-400 text-sm"> © <?php echo date('Y'); ?> <?php bloginfo('name'); ?>. Semua hak dilindungi. </p> </div> </div> </footer> <?php wp_footer(); ?> </body> </html> </pre> </div> <script> // Set tahun otomatis document.getElementById('year').textContent = new Date().getFullYear(); </script> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9793718dd2829c93',t:'MTc1Njg4MzU5Ni4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>