What a filled-in template should show
The sample resume on this page belongs to Dana Ruiz, a receiving shift lead applying for an inventory coordinator job. Dana, both employers, the school and every number are invented for illustration, so read them as a pattern, not a benchmark.
Three choices in it are worth copying. Each experience line starts with an action and ends with what changed, using a count or a before-and-after where one exists. Within each section, the most recent entry comes first, the order one university career guide recommends. The page also stays in a single column, so the content reads top to bottom without jumping between sidebars.
What it leaves out matters too: no photo, no age, no “I” in the bullet lines and no references list. Those omissions follow the same guide, which also notes that resume conventions vary from country to country.
<!doctype html><html lang="en"><head><meta name="nos-demo-layout" content="responsive-lab"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Dana Ruiz</title><style>*{box-sizing:border-box}body{margin:0;background:#f2f4ef;color:#172d2b;font:17px/1.8 system-ui,sans-serif}main{max-width:920px;margin:auto;padding:48px 24px}header{padding:32px;background:#163e34;color:#fff;border-radius:24px;margin-bottom:32px}.tag{color:#d2f637;font-size:12px;letter-spacing:2px}h1{font-size:clamp(30px,5vw,46px);line-height:1.16;letter-spacing:-1px}h2{line-height:1.3;margin-top:38px}p{margin:0 0 20px}section{min-width:0}.sample{border:1px solid #d4dbcd;background:#fff;border-radius:22px;padding:28px;margin:32px 0;box-shadow:0 16px 40px #17392c0a}.sample h2{margin-top:10px}.kicker{font-size:12px;letter-spacing:2px;color:#537b66}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{border:1px solid #dbe2d6;background:#f6f8f2;padding:20px;border-radius:14px}.card h3{margin-top:0}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #dee4d8;padding:13px;vertical-align:top}th{background:#f0f5e8}.table-wrap{overflow:auto}button{background:#d2f637;color:#203a22;border:0;border-radius:9px;padding:12px 18px;font:600 14px system-ui;cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#182e29;color:#edf4df;padding:24px;border-radius:16px;font:14px/1.8 monospace}a{color:#245d50}label{display:block;margin:10px 0}[contenteditable]{outline-offset:4px}.note{color:#647166;font-size:13px}.status{font-size:13px;color:#526446}.timeline{border-left:3px solid #b3ce62;padding-left:24px}.timeline>div{margin:16px 0}@media(max-width:600px){main{padding:22px 14px}header,.sample{padding:22px}body{font-size:16px}.grid{grid-template-columns:1fr}}</style></head><body><main><div class="sample"><div class="kicker">Fictional sample resume — all names, employers and figures invented</div><h2 contenteditable="true">Dana Ruiz</h2><p contenteditable="true">Inventory Coordinator candidate · Columbus, OH · dana.ruiz@example.com · (555) 014-2207</p><p class="note">Fictional sample. You can try editing its text here; these preview edits are temporary.</p><section><h3>About this sample</h3><p contenteditable="true">Dana Ruiz, Harbor Lane Supply, Fernwood Market and Lakemont Community College are fictional, and so is every number below. Replace each line with your own facts and keep only the structure.</p><p contenteditable="true">Dana is applying for an inventory coordinator role after five years in warehouse receiving, so the lines that come first show counting, accuracy and training.</p></section><section><h3>Experience</h3><div class="timeline"><div><strong>Shift Lead, Receiving — Harbor Lane Supply, Columbus, OH · Mar 2023–Present</strong><p contenteditable="true">Led a 9-person receiving crew across two docks. Rebuilt the weekly cycle-count schedule; discrepancies fell from 41 to 12 per week over two quarters. Trained 14 new hires on scanner check-in and damage reporting.</p></div><div><strong>Warehouse Associate — Harbor Lane Supply, Columbus, OH · Jun 2020–Feb 2023</strong><p contenteditable="true">Picked and staged 180–220 orders per shift at 99.4% accuracy. Flagged a recurring mislabeled item to purchasing, which led the supplier to correct its labels.</p></div><div><strong>Cashier (weekends) — Fernwood Market, Columbus, OH · Aug 2018–May 2020</strong><p contenteditable="true">Balanced the register drawer at close with no shortages over the final 12 months. Ran the Saturday opening count for the front-end supply area.</p></div></div></section><section><h3>Education & Certifications</h3><div class="table-wrap"><table><thead><tr><th>Credential</th><th>School or issuer</th><th>Year</th></tr></thead><tbody><tr><td contenteditable="true">A.A.S., Supply Chain Management</td><td contenteditable="true">Lakemont Community College</td><td contenteditable="true">2022</td></tr><tr><td contenteditable="true">Forklift operator certification (employer-issued)</td><td contenteditable="true">Harbor Lane Supply</td><td contenteditable="true">2021</td></tr><tr><td contenteditable="true">Spreadsheet skills workshop: lookups and pivot tables</td><td contenteditable="true">Lakemont Community College Continuing Ed</td><td contenteditable="true">2024</td></tr></tbody></table></div></section><section><h3>Skills</h3><div class="grid"><div class="card"><h3 contenteditable="true">Inventory control</h3><p contenteditable="true">Cycle counts, receiving discrepancies, damage reports, bin location audits</p></div><div class="card"><h3 contenteditable="true">Tools</h3><p contenteditable="true">Handheld scanners, warehouse management software, spreadsheets with lookups and pivot tables</p></div><div class="card"><h3 contenteditable="true">Team</h3><p contenteditable="true">Shift scheduling, new-hire training, handoffs between docks</p></div></div></section><section><h3>Before you send your own version</h3><label><input type="checkbox"> Every line read for spelling and grammar</label><label><input type="checkbox"> Email and phone at the top and correct</label><label><input type="checkbox"> Each job shows at least one result, not just duties</label><label><input type="checkbox"> Most recent entry first within each section</label><label><input type="checkbox"> No photo, age, gender, pronouns or references list</label><label><input type="checkbox"> Same fonts, spacing and capitalization throughout</label><label><input type="checkbox"> File saved in the exact format the application requests</label><label><input type="checkbox"> PDF or DOCX opened after saving to confirm the formatting survived</label></section><section><h3>Try the questions</h3><fieldset><legend>Within a section like Experience, which order does the career guide cited here recommend?</legend><label><input type="radio" name="q0" value="0"> Alphabetical by employer</label><label><input type="radio" name="q0" value="1"> Most recent first</label><label><input type="radio" name="q0" value="2"> Longest job first</label><label><input type="radio" name="q0" value="3"> Most relevant job first, regardless of date</label><p id="answer-0" hidden>The guide advises listing entries within each heading in reverse chronological order, so the most recent comes first.</p></fieldset><fieldset><legend>Which bullet line shows a result rather than a duty?</legend><label><input type="radio" name="q1" value="0"> Responsible for cycle counts</label><label><input type="radio" name="q1" value="1"> Hardworking team player with attention to detail</label><label><input type="radio" name="q1" value="2"> Rebuilt the weekly cycle-count schedule; discrepancies fell from 41 to 12 per week</label><label><input type="radio" name="q1" value="3"> Duties included receiving and stocking</label><p id="answer-1" hidden>It names what changed and gives a before-and-after count. Only use numbers you can back up; the figures in this example are fictional.</p></fieldset><fieldset><legend>An application portal asks for a PDF. What should you submit?</legend><label><input type="radio" name="q2" value="0"> A link to your resume page instead</label><label><input type="radio" name="q2" value="1"> A PDF of your resume, opened after saving to check the formatting</label><label><input type="radio" name="q2" value="2"> A screenshot of your resume</label><label><input type="radio" name="q2" value="3"> Nothing until the recruiter contacts you</label><p id="answer-2" hidden>Submit the file format the application asks for. The career guide also advises checking that formatting carries over when converting to PDF.</p></fieldset><fieldset><legend>Which of these does the career guide advise leaving off a resume?</legend><label><input type="radio" name="q3" value="0"> Email and phone number</label><label><input type="radio" name="q3" value="1"> A photo</label><label><input type="radio" name="q3" value="2"> Dates of employment</label><label><input type="radio" name="q3" value="3"> Section headings</label><p id="answer-3" hidden>The guide lists including a picture among its don'ts. Missing email and phone information is one of its top five mistakes.</p></fieldset><button id="check-answers">Check answers</button><p id="score" role="status"></p></section></div><script>const questions=[{"question":"Within a section like Experience, which order does the career guide cited here recommend?","options":["Alphabetical by employer","Most recent first","Longest job first","Most relevant job first, regardless of date"],"correct":1,"explanation":"The guide advises listing entries within each heading in reverse chronological order, so the most recent comes first."},{"question":"Which bullet line shows a result rather than a duty?","options":["Responsible for cycle counts","Hardworking team player with attention to detail","Rebuilt the weekly cycle-count schedule; discrepancies fell from 41 to 12 per week","Duties included receiving and stocking"],"correct":2,"explanation":"It names what changed and gives a before-and-after count. Only use numbers you can back up; the figures in this example are fictional."},{"question":"An application portal asks for a PDF. What should you submit?","options":["A link to your resume page instead","A PDF of your resume, opened after saving to check the formatting","A screenshot of your resume","Nothing until the recruiter contacts you"],"correct":1,"explanation":"Submit the file format the application asks for. The career guide also advises checking that formatting carries over when converting to PDF."},{"question":"Which of these does the career guide advise leaving off a resume?","options":["Email and phone number","A photo","Dates of employment","Section headings"],"correct":1,"explanation":"The guide lists including a picture among its don'ts. Missing email and phone information is one of its top five mistakes."}];const check=document.getElementById('check-answers');if(check)check.addEventListener('click',()=>{let n=0;questions.forEach((q,i)=>{const v=document.querySelector('input[name="q'+i+'"]:checked');if(v&&Number(v.value)===q.correct)n++;document.getElementById('answer-'+i).hidden=false;});document.getElementById('score').textContent=n+' / '+questions.length+' correct';});</script></main></body></html>
Choosing where to start
The right starting point depends mostly on what the application wants you to upload.
A word-processor template is the direct route when a posting asks for a DOCX, or for a PDF you save yourself. You replace the placeholder text with your details and keep the file in the format the employer names.
Design-tool templates give you more visual control. Some employers run applications through tracking software that scans and ranks resumes, so if you pick a graphic-heavy design, make sure every heading, title and date is real text rather than part of an image.
If you can reach a career advisor, a human review catches what no template will, such as an unexplained gap or a line that undersells the work.
The fourth option is to let AI build the layout. It suits people who know what they want to say but not how to make it look tidy, and it is the route the rest of this guide follows.
Putting your own history into it
Start with facts, not design. Write down each job’s title, employer, city and dates, then list what you actually did there.
Expect the bullet lines to take the most work. Template sample text often reads like a job description, and copying that pattern gives you duties such as “Responsible for cycle counts.” Dana’s version names the change instead: “Rebuilt the weekly cycle-count schedule; discrepancies fell from 41 to 12 per week over two quarters.”
Career guidance asks for resume language that is specific, active and fact-based, and counts “not demonstrating results” among the top resume mistakes. If you have no number, be specific about the outcome: who relied on what you built, what stopped going wrong, how many people you trained. Don’t estimate a figure you couldn’t explain in an interview.
Then order the lines for the posting. Not every job has to relate directly to the role, but the skills that employer would value should be easy to find.
Building the layout with AI
If you’d like AI to handle the design, ask it for an HTML page. HTML is the code a web browser reads to display a page; you won’t write any of it, only check the words it displays.
The prompt below keeps AI in the role the career guide suggests for it: helping refine material you already have rather than serving as primary author. It also asks for real headings, strong contrast and a layout that holds up on a phone, because you can’t control where someone opens your resume.
When the page comes back, read every line against your notes. Look for any date, title or number you didn’t supply, and resolve anything tagged [CHECK]. Then open it on a phone and confirm nothing runs off the edge.
When the application asks for a file
If a job portal asks for a PDF or DOCX, upload that file; a link doesn’t replace it. Save or convert the finished resume in the format the posting names, then open the file and check that spacing, bullets and line breaks survived, a step the career guide specifically flags.
A link earns its place around the application instead: a former supervisor reviewing your draft, a contact who offered to pass your resume along, a follow-up after a networking call.
Sharing one version and keeping it current
Suppose Dana sends the resume page to a former supervisor who has offered to forward it to the hiring manager. In NOS, a shared page opens without the recipient creating an account.
Two days later, Dana spots the wrong year on the forklift certification. Instead of asking AI to rebuild the page for one digit, Dana edits that line of text directly on the page.
The published link stays the same after the edit, so the supervisor and anyone they forwarded it to can reopen the address they already have and see the corrected year.
Files already uploaded to an employer stay as they were sent, so make the next PDF or DOCX from the corrected text.
Keep your resume page in a NOS workspace, use the file version for uploads and send the link to the people helping you get the interview.
A prompt to adapt
Build a one-page resume as a single, self-contained HTML file with all CSS inside a <style> tag. Use no JavaScript, no forms, no external fonts or images, and no links other than my email and the optional profile URL below.
Use only the facts I give you. Do not add jobs, dates, numbers, skills, titles or employers. If a line seems incomplete, keep my wording and put [CHECK] after it instead of filling the gap.
About me:
- Name: [Your full name]
- Target role: [Role you are applying for, e.g., Inventory Coordinator]
- Location: [City, ST]
- Email: [you@example.com]
- Phone: [(555) 555-0000]
- Profile link (optional): [URL or leave blank]
Experience, most recent first. For each job:
- [Job title] — [Employer], [City, ST], [Mon YYYY]–[Mon YYYY or Present]
- 2–4 lines of what I did, with results where I have them. Example of the style I want: [Rebuilt the weekly cycle-count schedule; discrepancies fell from 41 to 12 per week over two quarters]
Education and certifications: [Credential — school or issuer — year]
Skills: [Short list, grouped however reads best]
Writing and layout:
- One column. Section order: Experience, Education & Certifications, Skills.
- Start each bullet with an action verb; no “I” or “we”.
- No photo, age, gender or references.
- Keep my numbers and dates exactly as written; fix spelling and grammar only.
- Name and contact details at the top, plain and easy to find.
Accessibility and devices:
- Use an h1 for my name, h2 for section headings, and real lists for bullet lines. All content must be text, not images.
- Body text at least 16px on screen, dark text on a light background with strong contrast, and no information carried by color alone.
- Below 600px wide, keep one column with no sideways scrolling; let long email addresses and URLs wrap.
- Add print styles for US Letter paper with modest margins, keeping every section visible.
Return only the complete HTML file.