Startline — Free Student Resume Website Template
Startline is built for the first CV, when education, projects and volunteering carry more weight than a long work history. A sunny yellow, lane blue and running-track coral palette, Bricolage Grotesque headings and Figtree text keep it friendly without looking childish. Recruiters can switch between years of module grades, filter coursework and hackathon projects, and see exactly which months the student is free to start. The CV and cover letter print to A4 or US Letter as a single page each, so the website and the application share one design.
Key features
- Hero with an open-to-internships badge, graduation date, location and links, plus a student ID card that works out degree progress from the course dates
- Education section with module grades in year tabs, a grade chart drawn in inline SVG with First and 2:1 boundary lines, and the year average
- Project cards for coursework, hackathons and personal work, with filter buttons and a live result count
- Experience timeline that mixes part-time jobs, a summer placement and volunteering, each with a type label
- Skills and languages described in words, on a four-step scale from Learning to Confident, with the evidence for each level
- Availability calendar showing which months are free for an internship and which are exam months
- Contact form with an enquiry-type select, browser-side validation and a success state, plus a copy-email button
- One-page printable CV with an A4 or US Letter switch, a Download as PDF button and printed link addresses
- Printable cover letter page in the same design, with numbered notes explaining each paragraph and an in-browser edit mode that keeps a local draft
Best for
- University students applying for summer internships and placements
- Recent graduates looking for a first job or a graduate scheme
- School leavers and apprentices who want a simple personal page
- Careers advisers who need an example student site to adapt
At a glance
- Bootstrap 5.3.8 with vanilla JavaScript, no jQuery
- 3 pages: index.html, resume.html, cover-letter.html
- Grade chart, project filters, availability calendar and degree progress built without any JavaScript library
- Palette and fonts in CSS custom properties at the top of css/style.css
- Free for personal and commercial use; attribution optional but welcome. Full terms: uicookies.com/license
How to use it
Unzip the folder and open index.html in a browser. Replace the fictional student’s details in the three HTML files and the photos in img/ with your own. Module grades are rows in a table, so the chart and averages follow your numbers. Colours and fonts live in the custom properties at the top of css/style.css. Connect the contact form to a form service, then deploy the folder to any static host such as GitHub Pages or Netlify.
Frequently asked questions
Is Startline free for commercial use?
Yes. Startline is free for personal and commercial projects, including a site you build for a client or a careers service. Attribution is optional but always welcome, and the full terms are on the uiCookies license page.
What is Startline built with?
It uses Bootstrap 5.3.8, which is included in the download, plus one stylesheet and one vanilla JavaScript file. There is no jQuery and no other JavaScript library. The fonts are Bricolage Grotesque and Figtree from Google Fonts.
Which pages are included?
There are three pages. The home page holds the hero, about, education with module grades, projects, experience and volunteering, skills and languages, awards, a references note and a contact form. The resume page is a one-page CV set up for printing, and the cover letter page is a matching printable letter.
How do I change the grades, projects and dates?
Each module is a table row with its grade, so the chart and the year average update from your numbers. Projects are cards with a data-type attribute that the filters read. The degree start and end dates sit on the ID card as data attributes, and the progress ring works from them.
I have very little work experience. Will the page look empty?
No. The layout puts education, projects, volunteering and skills first, and the experience timeline is designed for part-time jobs and volunteer roles. Remove any section you do not need; each one is a self-contained block in index.html.
