Desktop · 1280px · shown at 0% · edit the text, images and colours in the panel
Job Application Form — Free Website Section Template
Forms · v1.0.0 · Updated 2026-11-12 · Responsive · GSAP animation · HTML, React & Vue
Extend with AI
Take This Section Further With AI
The AI prompt for this one is for Patreon supporters ($3 a month), along with a site with no ads. Supporters enter the passcode once and it is remembered in this browser.
What's included
Features
About this section
Job Application Form — Free HTML Careers Form With Resume Upload

Job Application Form is a careers section for one open role. On the left it shows the job title, a short summary and the key facts (location, type, salary, start date) as a tidy list; on the right is the application itself: name, email, phone, a portfolio or LinkedIn link, a resume drop area, a cover letter box with a counter, a “how did you hear about us” menu and a consent checkbox.
Make it easy to apply
The resume area opens the file picker when clicked, accepts a dragged file, shows its name and is limited to PDF and Word files. Fields that candidates tend to skip are optional, and the cover letter counter keeps answers focused. Role facts are a list, so you can add visa support, team size or benefits.
Data handling
The consent text tells applicants why you store their data. Empty it if your privacy notice covers this elsewhere. Every form posts to the address you paste into "Form URL" (Formspree, Basin, Getform or your own server), shows a success message, shows an error message when something fails and contains a hidden spam-trap field. Without JavaScript it is an ordinary form post. The form is posted as multipart form data so the resume arrives with the answers on services that accept files.
One role or many
Use one copy per role, or pair it with the Team Hiring section that lists open positions and links to each application. Export it as HTML, a ZIP, React or Vue, or fork it into My Code.
Why use it
Why Use the Job Application Form
How it’s different
How It’s Different From Other Free Section Templates
Step by step
How to Use
- 1Edit the contentFill in the heading, role facts, labels, sources and form in the panel. Wrap words in *asterisks* to colour them.
- 2Add your imagesUpload your own images (resized in your browser and kept on your device) or paste a hosted image URL.
- 3Match your brandPick a colour preset or exact colours, choose heading and body fonts from Google Fonts or your own uploaded font, set the corner radius and width, or apply your brand kit.
- 4Animate and previewChoose a GSAP entrance effect and speed, press Play animation, and check the section on desktop, tablet and mobile.
- 5Save and exportSave it to My designs, then export a single HTML file, a ZIP with your images, a React or Vue component, or fork it into My Code.
Real-world uses
Common Use Cases
Got questions?
Frequently Asked Questions
Yes. It has a file input that accepts PDF and Word files and posts as multipart form data. The receiving service (Formspree, Basin, Getform or your server) must accept file uploads; some plans need to be enabled for that.
Export the HTML or fork to My Code and remove the required attribute on the file input. Candidates can then apply with a link only.
Edit the Role facts list in the editor. Each item has a label and a value, for example Team size and 12 people.
It includes a consent line and an optional note about response time. You are responsible for the privacy notice and for how the received data is stored and deleted.
Yes. Use one copy per role page and change the heading and facts. You can send the role name to your endpoint by adding a hidden field in the exported HTML.
It saves an editable copy of your Job Application Form in My Code, the UI Snippets code editor: the section markup goes in the HTML panel, its CSS (theme variables, base styles and layout) in the CSS panel, and the GSAP library is added as a CDN link, so you can keep refining the code and save your own versions.
Yes. Every section is free for personal and commercial work, with no account, no watermark and no attribution: export it on its own as HTML, React, Vue or Next.js from its page, or use it in a website you build and export in the Website Builder.