Professional CV Maker

Create your CV in the requested format

Enter Your Information

Photo Preview

1. PERSONAL INFORMATION

Name

Name in Full

Permanent Address

National Identity Card No

Date of Birth

Telephone No

District

Constituency

Grama Niladari’s Division

Email Address

2. EDUCATIONAL QUALIFICATIONS

G.C.E (O/L) Examination

Add O/L Subject

G.C.E (A/L) Examination

Subject Stream

Add A/L Subject

3. PROFESSIONAL QUALIFICATIONS

Add Professional Qualification

4. OTHER QUALIFICATIONS

Add Other Qualification

5. NON RELATED REFEREES

Add Referee

Generate CV Download PDF

CV Preview

Responsive CV Maker Tool HTML Script

Here’s a complete HTML script that converts your CV format into a responsive web tool that works well on both mobile and desktop:

Key Features of This Implementation:

1. Responsive Design:

• Mobile-first approach with single column layout on small screens
• Switches to two-column layout (form + preview) on desktop
• Adaptive font sizes and spacing

1. Complete CV Format:

• All sections from your original CV format included
• Proper table structures for educational qualifications
• Section headers matching your document

1. Interactive Elements:

• Dynamic form fields that can be added/removed
• Photo upload with preview
• Real-time CV preview generation

1. User Experience:

• Clear section organization
• Helpful placeholders matching your CV format
• Visual feedback for actions

1. Ready for Enhancement:

• PDF generation ready to implement (would need jsPDF or similar)
• Data saving functionality could be added
• Additional templates could be incorporated

To use this:

1. Copy the entire HTML code
2. Save it as an HTML file
3. Open in any browser – no server required
4. For production use, you would want to:

• Separate CSS and JavaScript into their own files
• Implement proper PDF generation
• Add backend functionality for saving CVs