File "card.php"

Full path: /home/fsibplc/public_html/sommilito-bank/card.php
File size: 3.39 B (3.39 KB bytes)
MIME-type: text/html
Charset: utf-8

Download   Open   Edit   Advanced Editor   Back

<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/card/deposit.png" 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 uppercase">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/card/inv.png" 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 uppercase">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/card/digital.png" 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 uppercase">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/card/agent.png" 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 uppercase">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/card/card.png" 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 uppercase">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/card/location.png" 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 uppercase">Location</p>
                </div>
            </div>
            </a>
        </div>
    </div>