Create New Item
×
Item Type
File
Folder
Item Name
×
Search file in folder and subfolders...
File Manager
/
sommilito-bank
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<div class="flex justify-center my-5"> <div class="max-w-4xl grid grid-cols-1 md:grid-cols-3 gap-7 place-items-center"> <!-- Card --> <a href="# target="_blank" rel="noopener noreferrer"> <div class="bg-gray-100 rounded-lg overflow-hidden shadow cursor-pointer hover:shadow-lg transition-shadow duration-300"> <img src="assets/images/services/deposit.jpeg" class="w-68 h-auto object-cover" /> <div class="h-[15%] flex items-center justify-center"> <p class="font-semibold text-sm text-center p-3 text-teal-900">Deposit</p> </div> </div> </a> <!-- Card --> <a href="# target="_blank" rel="noopener noreferrer"> <div class="bg-gray-100 rounded-lg overflow-hidden shadow cursor-pointer hover:shadow-lg transition-shadow duration-300"> <img src="assets/images/services/investment.jpeg" class="w-68 h-auto object-cover" /> <div class="h-[15%] flex items-center justify-center"> <p class="font-semibold text-sm text-center p-3 text-teal-900">Investment</p> </div> </div> </a> <!-- Card --> <a href="# target="_blank" rel="noopener noreferrer"> <div class="bg-gray-100 rounded-lg overflow-hidden shadow cursor-pointer hover:shadow-lg transition-shadow duration-300"> <img src="assets/images/services/digital_banking.jpeg" class="w-68 h-auto object-cover" /> <div class="h-[15%] flex items-center justify-center"> <p class="font-semibold text-sm text-center p-3 text-teal-900">Digital Banking</p> </div> </div> </a> <!-- Card --> <a href="# target="_blank" rel="noopener noreferrer"> <div class="bg-gray-100 rounded-lg overflow-hidden shadow cursor-pointer hover:shadow-lg transition-shadow duration-300"> <img src="assets/images/services/agent_banking.jpeg" class="w-68 h-auto object-cover" /> <div class="h-[15%] flex items-center justify-center"> <p class="font-semibold text-sm text-center p-3 text-teal-900">Agent Banking</p> </div> </div> </a> <!-- Card --> <a href="# target="_blank" rel="noopener noreferrer"> <div class="bg-gray-100 rounded-lg overflow-hidden shadow cursor-pointer hover:shadow-lg transition-shadow duration-300"> <img src="assets/images/services/card.jpeg" class="w-68 h-auto object-cover" /> <div class="h-[15%] flex items-center justify-center"> <p class="font-semibold text-sm text-center p-3 text-teal-900">Sommilito Card</p> </div> </div> </a> <!-- Card --> <a href="# target="_blank" rel="noopener noreferrer"> <div class="bg-gray-100 rounded-lg overflow-hidden shadow cursor-pointer hover:shadow-lg transition-shadow duration-300"> <img src="assets/images/services/location.jpeg" class="w-68 h-auto object-cover" /> <div class="h-[15%] flex items-center justify-center"> <p class="font-semibold text-sm text-center p-3 text-teal-900">Location</p> </div> </div> </a> </div> </div>