Apppublic
PLEDIPO/msme-manager-pro

sourceHugging Faceupdated 9mo agoView on Hugging Face
0likes
index.html74 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="en">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>MSME Manager Pro</title>7    <link rel="stylesheet" href="style.css">8    <script src="https://cdn.tailwindcss.com"></script>9    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10    <script src="https://unpkg.com/feather-icons"></script>11    <script src="components/navbar.js"></script>12    <script src="components/msme-table.js"></script>13</head>14<body class="bg-gray-50">15    <custom-navbar></custom-navbar>16    17    <div class="container mx-auto px-4 py-8">18        <div class="bg-white rounded-lg shadow-md p-6">19            <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6">20                <h1 class="text-3xl font-bold text-gray-800">MSME Dashboard</h1>21                <div class="mt-4 md:mt-0">22                    <button id="addMsmeBtn" class="bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-md mr-3 hovered-element">23                        <i data-feather="plus" class="inline"></i> Add MSME24                    </button>25<button id="importBtn" class="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-md mr-3 hovered-element">26                        <i data-feather="upload" class="inline"></i> Import27                    </button>28<button id="exportBtn" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-2 rounded-md hovered-element">29                        <i data-feather="download" class="inline"></i> Export30                    </button>31</div>32            </div>33 34            <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6">35                <div class="relative w-full md:w-1/2 mb-4 md:mb-0">36                    <input type="text" id="searchInput" placeholder="Search MSMEs..." 37                        class="w-full pl-10 pr-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">38                    <i data-feather="search" class="absolute left-3 top-3 text-gray-400"></i>39                </div>40                <div class="flex space-x-3">41                    <button id="filterBtn" class="flex items-center text-gray-600 hover:text-blue-600 hovered-element">42                        <i data-feather="filter" class="mr-1 hovered-element"></i> Filters43                    </button>44<button id="refreshBtn" class="flex items-center text-gray-600 hover:text-blue-600">45                        <i data-feather="refresh-cw" class="mr-1"></i> Refresh46                    </button>47                </div>48            </div>49            <div id="statsContainer" class="mb-6">50                <div class="bg-blue-50 p-4 rounded-lg border border-blue-100 max-w-xs">51                    <div class="flex items-center">52                        <div class="p-3 rounded-full bg-blue-100 text-blue-600">53                            <i data-feather="briefcase"></i>54                        </div>55                        <div class="ml-3">56                            <p class="text-sm text-blue-600">Total MSMEs</p>57                            <h3 id="totalMsmes" class="text-xl font-bold text-gray-800">0</h3>58                        </div>59                    </div>60                </div>61            </div>62<custom-msme-table></custom-msme-table>63        </div>64    </div>65    <!-- Modal Placeholder -->66<div id="modalContainer"></div>67 68    <script src="script.js"></script>69    <script>70        feather.replace();71    </script>72    <script src="script.js"></script>73</body>74</html>