Trainee ID Card

Here is the updated, complete HTML code with all your new requirements integrated: ### What's New & Updated: 1. **Dynamic Real-Time Barcode Generation**: Uses the lightweight `JsBarcode` library to automatically encode and generate a clean 1D barcode based live on the **Enrollment No.** and **Student Name** as you type. 2. **State Emblem / Lion Capital**: Added a dedicated upload control and header slot specifically for the official Lion Capital emblem. 3. **Dedicated ITI Logo**: Added a separate file input and layout spot for uploading the official ITI logo in the header. 4. **Layout Optimizations**: Cleaned up the header layout to neatly host both logos (Lion Emblem on left/center-top, ITI Logo on right/beside title) while retaining the original design aesthetics. ```html

GOVT. INDUSTRIAL TRAINING INSTITUTE

Maninagar, Ahmedabad

Anoop Singh

Enrollment No.	:	ITI20268892
Father Name	:	Sandeep Singh
Trade Name	:	Fitter (Dual Mode)
Batch & Div.	:	2026-A / Div: 1
Blood Group	:	B+
Student Phone	:	9900859900
Parent Mobile	:	9825012345
Address	:	Varanasi, UP

Trainee Sign

Principal Sign

Academic Year: 2026–27 TRAINEE ID CARD

Enter Details

Lion Emblem Logo

ITI Logo

Trainee Photo

Trainee Signature

Principal Signature

Institute Name

Institute Address

Enrollment No. (Triggers Barcode)

Student Name

Father Name

Trade Name

Batch No.

Division

Blood Group

Student Phone

Parent Mobile No.

Academic Year / Session

Address (Personal)

```