Admin Dashboard

Default password: tfc2024
Change it in Settings → Security after logging in.

Dashboard

Welcome back 👋

Manage all website content from this dashboard. Changes save to your browser instantly — export content.js to push them live for all visitors.

5
Editable Sections
2
Languages
In sync
Save Status
✓
Hostinger Ready
Quick Guide
  1. Use the sidebar to navigate to any content section.
  2. Edit fields — changes save to your browser automatically.
  3. Click Save All to make sure everything is stored.
  4. Go to Export & Deploy to download the updated content.js.
  5. Upload that file to public_html/assets/js/ on Hostinger — all visitors will see the new content.
Quick Actions

General & Brand

Update the site name, tagline, and SEO meta descriptions for both English and Arabic.

Brand Identity
SEO Meta — English
Shown in browser tab and Google search results (50–60 chars ideal)
Shown in Google search snippets (120–155 chars ideal)
SEO Meta — Arabic AR

Contact & Social Media

All contact details and social media links used across the website.

Contact Information
No spaces or dashes. Example: 60123456789 for Malaysia.
Social Media Links

Announcement Banner

Display a full-width banner at the top of the website. Great for promotions, new courses, or important notices.

Banner Settings
Show Announcement Banner Toggle on to display the banner at the top of the page

Banner is hidden. Toggle on to show it.

English Content
Arabic Content AR

Assessment Form

Configure how the assessment form submits and which email receives the leads.

Submission Method
Change from "simulate" before going live.
Get a free form ID at formspree.io → Create Form → copy the ID from the URL.
Formspree Setup Guide
  1. Go to formspree.io and create a free account.
  2. Click New Form and give it a name (e.g. "TFC Assessment").
  3. Copy the form ID from the URL (looks like xyzabc12).
  4. Paste it in the Formspree Form ID field above.
  5. Set Method to Formspree, then Save All and Export.
  6. Form submissions will arrive in your Formspree inbox and forward to your email.

Export & Deploy

Download your updated content file and upload it to Hostinger to publish all changes for every visitor.

📦 How Publishing Works

Changes you make here are saved in your browser. To make them visible to all visitors worldwide, you need to export the content.js file and upload it to Hostinger. This takes about 60 seconds.

Click Export content.js below — a file will download to your computer.
Log in to your Hostinger control panel (hPanel) at hpanel.hostinger.com.
Open File Manager and navigate to public_html/assets/js/.
Delete the existing content.js and upload the new one you downloaded.
Refresh your website — all changes are now live for everyone! 🎉
Danger Zone

Reset all your changes and restore the original default content. This cannot be undone.

Settings

Admin password and system preferences.

Change Admin Password

⚠ After changing, click Save All then Export content.js and re-upload it to Hostinger. Otherwise the old password will still work after the next page reload.

About This Admin Panel
  • Runs entirely as static HTML — no server or database required
  • Changes save instantly to your browser's localStorage
  • Export → Upload cycle takes under 60 seconds to go live
  • All content works in both English and Arabic (RTL)
  • Fully compatible with Hostinger shared hosting