Laundry/footer.php at main · MuhammadBobby/Laundry · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 <!-- start footer -->
 <footer class="bg-sky-950 ">
     <div class="w-full max-w-screen-xl p-4 py-6 mx-auto lg:py-8">
         <div class="md:flex md:justify-between">
             <div class="mb-6 md:mb-0">
                 <a href="#" class="flex items-center">
                     <img src="https://flowbite.com/docs/images/logo.svg" class="h-8 me-3" alt="FlowBite Logo" loading="lazy" />
                     <span class="self-center text-2xl font-semibold whitespace-nowrap text-sky-200">OK Laundry</span>
                 </a>
             </div>
             <div class="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3">
                 <div>
                     <h2 class="mb-6 text-sm font-semibold text-white uppercase">Resources</h2>
                     <ul class="font-medium text-gray-500 :text-gray-400">
                         <li class="mb-4">
                             <a href="https://flowbite.com/" class="hover:underline">Flowbite</a>
                         </li>
                         <li>
                             <a href="https://tailwindcss.com/" class="hover:underline">Tailwind CSS</a>
                         </li>
                     </ul>
                 </div>
                 <div>
                     <h2 class="mb-6 text-sm font-semibold text-white uppercase">Follow us</h2>
                     <ul class="font-medium text-gray-500 :text-gray-400">
                         <li class="mb-4">
                             <a href="https://github.com/MuhammadBobby" target="_blank" class="hover:underline ">Github</a>
                         </li>
                         <li>
                             <a href="https://www.instagram.com/code.lab_indonesia?igsh=cGs2aGxpYm9sZGw0" target="_blank" class="hover:underline">Instagram</a>
                         </li>
                     </ul>
                 </div>
                 <div>
                     <h2 class="mb-6 text-sm font-semibold text-white uppercase">Other</h2>
                     <ul class="font-medium text-gray-500 :text-gray-400">
                         <li class="mb-4">
                             <a href="https://muhammadbobby.github.io/portfolio-muhammad-bobby/" target="_blank" class="hover:underline">My Portfolio</a>
                         </li>
                     </ul>
                 </div>
             </div>
         </div>
         <hr class="my-6 border-gray-200 sm:mx-auto :border-gray-700 lg:my-8" />
         <div class="sm:flex sm:items-center sm:justify-between">
             <span class="text-sm text-gray-500 sm:text-center :text-gray-400">© 2024 <a href="#" class="hover:underline">OK Laundry™</a>. All Rights Reserved.
             </span>

         </div>
     </div>
 </footer>
 <!-- end footer -->