P L U T U S Dashboard - Copy this Html, Bootstrap Component to your project
Dashboard Description Main Layout: The dashboard has a clean, structured layout divided into three main sections: a sidebar on the left, a header at the top, and a main content area consisting of multiple cards and sections. 1. Sidebar Color: White background with a thin gray border on the right. Logo: At the top left, a logo text "PLUTUS" in bold, black font. Menu Items: A vertical menu with the following items: Dashboard (highlighted with a blue background and home icon) Order (clipboard icon) Webhook (webhook icon) Manual Orders (clipboard check icon) My Strategies (chart icon) Broker (user icon) Position (briefcase icon) Help (question mark icon) 2. Header Background Color: Light green (#8BC34A). Sections: Left Section: Displays "Welcome, Tony" in black font. Middle Section: Contains three blocks: "Today's order: 0" with a gray icon on a light green background. "Broker Status: No Broker" on a light green background. "Plan Validity: 31/12/2024" on a light green background with a gray icon. Right Section: Contains a "Reload Data" button with an icon and an orange color scheme for the hover effect. 3. Main Content Area Background Color: Light gray. Divided into three main sections (from left to right): Left Section: Paper and Live Chart Background Color: Light green. Chart Toggle: A toggle switch labeled "Paper Chart" and "Live Chart." Donut Chart: Displays a multi colored donut chart in the center. Legend below the chart indicates: Blue: MANUAL ORDER Pink: MADARA HUNTER Orange: MADARA SCALPER Teal: MADARA WEBHOOK Middle Section: Live Positions Background Color: Light gray. Content: Title: "Live Positions" A list of five items, each containing: A circular avatar or icon on the left. A label for the position type (e.g., "MADARA SCALPER (BANK NIFTY)"). A monetary value aligned to the right (e.g., "11,500.00"). The items have a white background, rounded corners, and a shadow effect. Right Section: Orders Background Color: Light gray. Content: Title: "Orders" A list of five items similar to the "Live Positions" list. Each item displays: An avatar or icon on the left. The type of order (e.g., "MADARA SCALPER (BANK NIFTY)"). A numeric value aligned to the right (e.g., "3"). 4. Footer Elements Bottom Right Corner: A circular button with a moon icon, indicating a theme toggle for dark/light mode.
