| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
| <title>SolSync - Solana Wallet</title> |
| <link rel="stylesheet" href="style.css"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="components/navbar.js"></script> |
| <script src="components/wallet-card.js"></script> |
| <script src="components/action-buttons.js"></script> |
| <script src="components/token-list.js"></script> |
| </head> |
| <body class="bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100"> |
| <div class="max-w-md mx-auto h-screen flex flex-col overflow-hidden"> |
| |
| <custom-navbar></custom-navbar> |
|
|
| |
| <main class="flex-1 overflow-y-auto px-4 pb-20"> |
| |
| <custom-wallet-card></custom-wallet-card> |
| |
| |
| <custom-action-buttons></custom-action-buttons> |
| |
| |
| <custom-token-list></custom-token-list> |
| </main> |
|
|
| |
| <div class="fixed bottom-0 left-0 right-0 bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700"> |
| <div class="flex justify-around py-3"> |
| <a href="#" class="flex flex-col items-center text-purple-600 dark:text-purple-400"> |
| <i data-feather="home" class="w-6 h-6"></i> |
| <span class="text-xs mt-1">Home</span> |
| </a> |
| <a href="#" class="flex flex-col items-center text-gray-500 dark:text-gray-400"> |
| <i data-feather="pie-chart" class="w-6 h-6"></i> |
| <span class="text-xs mt-1">Market</span> |
| </a> |
| <a href="#" class="flex flex-col items-center text-gray-500 dark:text-gray-400"> |
| <i data-feather="send" class="w-6 h-6"></i> |
| <span class="text-xs mt-1">Send</span> |
| </a> |
| <a href="#" class="flex flex-col items-center text-gray-500 dark:text-gray-400"> |
| <i data-feather="user" class="w-6 h-6"></i> |
| <span class="text-xs mt-1">Profile</span> |
| </a> |
| </div> |
| </div> |
| </div> |
|
|
| <script> |
| feather.replace(); |
| </script> |
| <script src="script.js"></script> |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
| </body> |
| </html> |
