IPMC DASHBOARD SECTION - UPLOAD GUIDE
=====================================

PACKAGE CONTENTS
----------------
index.html
  A complete working preview page.

dashboard-section.html
  The dashboard section only, for inserting into an existing website page.

assets/css/dashboard-section.css
  All styling for the section.

assets/js/dashboard-section.js
  Opens the dashboard image in a full-screen preview.

assets/images/ipmc-dashboard.png
  Dashboard image used by the section.


OPTION A: TEST AS A STANDALONE PAGE
-----------------------------------
1. Log in to DirectAdmin.
2. Open File Manager.
3. Go to:
   domains/YOURDOMAIN.COM/public_html/
4. Create a folder named:
   dashboard-preview
5. Upload this ZIP into dashboard-preview.
6. Extract the ZIP.
7. If extraction creates an extra ipmc-dashboard-section folder, move its contents
   directly into dashboard-preview.
8. Open:
   https://YOURDOMAIN.COM/dashboard-preview/


OPTION B: ADD TO YOUR EXISTING HOMEPAGE
---------------------------------------
1. Upload the complete assets folder to the folder containing your homepage.
2. Open dashboard-section.html.
3. Copy the section code into your existing homepage where it should appear.
4. Add this inside the <head> of the homepage:

   <link rel="stylesheet" href="assets/css/dashboard-section.css">

5. Add this immediately before </body>:

   <script src="assets/js/dashboard-section.js"></script>

6. Save the page and clear your browser cache.


IMPORTANT CUSTOMISATION
-----------------------
- Change info@ipmc-ng.com in index.html to your official email address.
- Change app.ipmc-ng.com/dashboard if your dashboard will use another address.
- Update button links to match your actual contact or demo pages.
- The image is a visual mockup. Dashboard figures shown in the picture are sample data.


FILE PERMISSIONS
----------------
Folders: 755
Files:   644


BACKUP
------
Before replacing any current homepage file, download a backup copy first.
