40+ HTML CSS resume for freshers

Hello developers! Welcome to Codewithrandom. Here we’ll see how to make HTML CSS resume for freshers. We got an amazing Collection of free HTML and CSS resume ideas for freshers with Examples and Source Code.

Personal Portfolio Freecodecamp

See the Pen <a href="https://codepen.io/asrul_k/pen/gOgpBba" target="_blank" rel="noopener"> Personal Portfolio Freecodecamp</a> by Asrul Kadir (<a href="https://codepen.io/asrul_k" target="_blank" rel="noopener">@asrul_k</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Asrul Kadir
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

2. Untitled

See the Pen <a href="https://codepen.io/nickdyardev/pen/MWWeQwz" target="_blank" rel="noopener"> Untitled</a> by klaus (<a href="https://codepen.io/nickdyardev" target="_blank" rel="noopener">@nickdyardev</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	klaus
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

3. Untitled

See the Pen <a href="https://codepen.io/Sarawww/pen/BaKvJZB" target="_blank" rel="noopener"> Untitled</a> by Sara Wen (<a href="https://codepen.io/Sarawww" target="_blank" rel="noopener">@Sarawww</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Sara Wen
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

4. Untitled

See the Pen <a href="https://codepen.io/sabrinagarlitos/pen/gOWPVrg" target="_blank" rel="noopener"> Untitled</a> by Sabrina (<a href="https://codepen.io/sabrinagarlitos" target="_blank" rel="noopener">@sabrinagarlitos</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Sabrina
Demo And Download	Click Here For The Code
Language Used	HTML, CSS, JS
External Links\ Dependencies	No
Responsive	Yes

5. 小專題2 – 製作自己的技能網頁

See the Pen <a href="https://codepen.io/wugrace/pen/ExmNzaO" target="_blank" rel="noopener"> 小專題2 – 製作自己的技能網頁</a> by grace (<a href="https://codepen.io/wugrace" target="_blank" rel="noopener">@wugrace</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	grace
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

6. My CV – made using HTML and CSS

See the Pen <a href="https://codepen.io/DeepS/pen/DLyZam" target="_blank" rel="noopener"> My CV – made using HTML and CSS</a> by Deep Sukhwani (<a href="https://codepen.io/DeepS" target="_blank" rel="noopener">@DeepS</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Deep Sukhwani
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

7. A simple HTML Resume

See the Pen <a href="https://codepen.io/emzarts/pen/OXzmym" target="_blank" rel="noopener"> A simple HTML Resume</a> by emzarts (<a href="https://codepen.io/emzarts" target="_blank" rel="noopener">@emzarts</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	emzarts
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

8. Resume/CV Design

See the Pen <a href="https://codepen.io/RajRajeshDn/pen/dyyrdQP" target="_blank" rel="noopener"> Resume/CV Design</a> by rajeshdn (<a href="https://codepen.io/RajRajeshDn" target="_blank" rel="noopener">@RajRajeshDn</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	rajeshdn
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

9. Personal Resume

See the Pen <a href="https://codepen.io/Karl97/pen/egQoYM" target="_blank" rel="noopener"> Personal Resume</a> by Karl (<a href="https://codepen.io/Karl97" target="_blank" rel="noopener">@Karl97</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Karl
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

10. Simple Responsive Portfolio

See the Pen <a href="https://codepen.io/ArnaudBalland/pen/LRYxYO" target="_blank" rel="noopener"> Simple Responsive Portfolio</a> by Arnaud Balland (<a href="https://codepen.io/ArnaudBalland" target="_blank" rel="noopener">@ArnaudBalland</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Arnaud Balland
Demo And Download	Click Here For The Code
Language Used	HTML, CSS(SCSS),JS
External Links\ Dependencies	Yes
Responsive	Yes

11. CSS Portfolio Card

See the Pen <a href="https://codepen.io/MarcelSchulz/pen/nRNxeW" target="_blank" rel="noopener"> CSS Portfolio Card</a> by Marcel Schulz (<a href="https://codepen.io/MarcelSchulz" target="_blank" rel="noopener">@MarcelSchulz</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Marcel Schulz
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

12. Personal Resume/Portfolio

See the Pen <a href="https://codepen.io/DRiNVAD3R/pen/zzaybp" target="_blank" rel="noopener"> Personal Resume/Portfolio</a> by David Seyboth (<a href="https://codepen.io/DRiNVAD3R" target="_blank" rel="noopener">@DRiNVAD3R</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	David Seyboth
Demo And Download	Click Here For The Code
Language Used	HTML, CSS,JS
External Links\ Dependencies	Yes
Responsive	Yes

13. Interactive Resume

See the Pen <a href="https://codepen.io/mikemang/pen/jMBZJJ" target="_blank" rel="noopener"> Interactive Resume</a> by Mike Mangialardi (<a href="https://codepen.io/mikemang" target="_blank" rel="noopener">@mikemang</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Mike Mangialardi
Demo And Download	Click Here For The Code
Language Used	HTML, CSS,JS
External Links\ Dependencies	No
Responsive	Yes

14. Sample Resume

See the Pen <a href="https://codepen.io/knaman2609/pen/Zbyjvv" target="_blank" rel="noopener"> Sample Resume</a> by naman kalkhuria (<a href="https://codepen.io/knaman2609" target="_blank" rel="noopener">@knaman2609</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	naman kalkhuria
Demo And Download	Click Here For The Code
Language Used	HTML, CSS(SCSS)
External Links\ Dependencies	Yes
Responsive	Yes

15. Online Resume

See the Pen <a href="https://codepen.io/NKTien/pen/KaRNRo" target="_blank" rel="noopener"> Online Resume</a> by Tien Nguyen Khac (<a href="https://codepen.io/NKTien" target="_blank" rel="noopener">@NKTien</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Tien Nguyen Khac
Demo And Download	Click Here For The Code
Language Used	HTML, CSS, JS
External Links\ Dependencies	Yes
Responsive	Yes

16. HTML5 Resume: Jared Pearce

See the Pen <a href="https://codepen.io/jaredpearce/pen/kQjdNJ" target="_blank" rel="noopener"> HTML5 Resume: Jared Pearce</a> by Jared Pearce (<a href="https://codepen.io/jaredpearce" target="_blank" rel="noopener">@jaredpearce</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Jared Pearce
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

17. Responsive HTML Resume

See the Pen <a href="https://codepen.io/jimboobrien/pen/XXPwMe" target="_blank" rel="noopener"> Responsive HTML Resume</a> by JAMES M OBRIEN (<a href="https://codepen.io/jimboobrien" target="_blank" rel="noopener">@jimboobrien</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	JAMES M OBRIEN
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	Yes
Responsive	Yes

18. HTML RESUME TEMPLATE

See the Pen <a href="https://codepen.io/mstellaluna/pen/erpQwM" target="_blank" rel="noopener"> HTML RESUME TEMPLATE </a> by Mary Mule (<a href="https://codepen.io/mstellaluna" target="_blank" rel="noopener">@mstellaluna</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Mary Mule
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

19. HTML Resume Template

See the Pen <a href="https://codepen.io/trishachi/pen/Ozdvgm" target="_blank" rel="noopener"> HTML Resume Template</a> by Chisom Okoye (<a href="https://codepen.io/trishachi" target="_blank" rel="noopener">@trishachi</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Chisom Okoye
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

20. Web Developer – HTML Resume – Bootstrap

See the Pen <a href="https://codepen.io/darthtater/pen/GWRQMd" target="_blank" rel="noopener"> Web Developer – HTML Resume – Bootstrap</a> by Jonellys (<a href="https://codepen.io/darthtater" target="_blank" rel="noopener">@darthtater</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Jonellys
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	Yes
Responsive	Yes

21. Resume

See the Pen <a href="https://codepen.io/perrymorse33/pen/RWgYmL" target="_blank" rel="noopener"> Resume</a> by Perry (<a href="https://codepen.io/perrymorse33" target="_blank" rel="noopener">@perrymorse33</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Perry
Demo And Download	Click Here For The Code
Language Used	HTML
External Links\ Dependencies	No
Responsive	Yes

22. HTML Resume (Bootstrap)

See the Pen <a href="https://codepen.io/w3collective/pen/yLOZrve" target="_blank" rel="noopener"> HTML Resume (Bootstrap)</a> by W3Collective (<a href="https://codepen.io/w3collective" target="_blank" rel="noopener">@w3collective</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	W3Collective
Demo And Download	Click Here For The Code
Language Used	HTML
External Links\ Dependencies	No
Responsive	Yes

23. Simple HTML Resume

See the Pen <a href="https://codepen.io/osidesigns/pen/MoPpaL" target="_blank" rel="noopener"> Simple HTML Resume</a> by Steven Andrews (<a href="https://codepen.io/osidesigns" target="_blank" rel="noopener">@osidesigns</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Steven Andrews
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	Yes
Responsive	Yes

24. Example HTML Resume page for Workshop

See the Pen <a href="https://codepen.io/dogdoy/pen/GqaGEa" target="_blank" rel="noopener"> Example HTML Resume page for Workshop</a> by dogdoy (<a href="https://codepen.io/dogdoy" target="_blank" rel="noopener">@dogdoy</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	dogdoy
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	Yes
Responsive	Yes

25. Html Resume

See the Pen <a href="https://codepen.io/w3codemasters/pen/roQEJm" target="_blank" rel="noopener"> Html Resume</a> by w3codemasters (<a href="https://codepen.io/w3codemasters" target="_blank" rel="noopener">@w3codemasters</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	w3codemasters
Demo And Download	Click Here For The Code
Language Used	HTML, CSS ,JS
External Links\ Dependencies	No
Responsive	Yes

26. Resume Builder

See the Pen <a href="https://codepen.io/TrevorWelch/pen/mdewWNQ" target="_blank" rel="noopener"> Resume Builder</a> by Trevor Welch (<a href="https://codepen.io/TrevorWelch" target="_blank" rel="noopener">@TrevorWelch</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Trevor Welch
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

27. HTML Resume

See the Pen <a href="https://codepen.io/JulietOma/pen/vYWzadp" target="_blank" rel="noopener"> HTML Resume</a> by Juliet Ofoegbu (<a href="https://codepen.io/JulietOma" target="_blank" rel="noopener">@JulietOma</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Juliet Ofoegbu
Demo And Download	Click Here For The Code
Language Used	HTML
External Links\ Dependencies	No
Responsive	Yes

28. Starting file for HTML resume exercise

See the Pen <a href="https://codepen.io/ethompson1914/pen/AjjMZV" target="_blank" rel="noopener"> Starting file for HTML resume exercise</a> by Eric Thompson (<a href="https://codepen.io/ethompson1914" target="_blank" rel="noopener">@ethompson1914</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Eric Thompson
Demo And Download	Click Here For The Code
Language Used	HTML
External Links\ Dependencies	No
Responsive	Yes

29. HTML Resume

See the Pen <a href="https://codepen.io/PythonStrap/pen/JjXJqJE" target="_blank" rel="noopener"> HTML Resume</a> by E. Deborah Imafidon (<a href="https://codepen.io/PythonStrap" target="_blank" rel="noopener">@PythonStrap</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	E. Deborah Imafidon
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

30. HTML Resume

See the Pen HTML Resume by Taylor Murdock (@taylormurdock) on CodePen.

Code By-	Taylor Murdock
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

31. HTML Resume

See the Pen <a href="https://codepen.io/jpode/pen/mpgaZp" target="_blank" rel="noopener"> HTML Resume</a> by Jake Marrapode (<a href="https://codepen.io/jpode" target="_blank" rel="noopener">@jpode</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Jake Marrapode
Demo And Download	Click Here For The Code
Language Used	HTML
External Links\ Dependencies	Yes
Responsive	Yes

32. HTML Resume

See the Pen <a href="https://codepen.io/bcerney/pen/aZjWmy" target="_blank" rel="noopener"> HTML Resume</a> by Brian Cerney (<a href="https://codepen.io/bcerney" target="_blank" rel="noopener">@bcerney</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Brian Cerney
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	Yes
Responsive	Yes

33. HTML Resume

See the Pen <a href="https://codepen.io/Yeti_Detective/pen/QGJepb" target="_blank" rel="noopener"> HTML Resume</a> by Chris (<a href="https://codepen.io/Yeti_Detective" target="_blank" rel="noopener">@Yeti_Detective</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Chris
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

34. HTML resume

See the Pen <a href="https://codepen.io/j_sigal/pen/WEGjyo" target="_blank" rel="noopener"> HTML resume</a> by Jenny Sigal (<a href="https://codepen.io/j_sigal" target="_blank" rel="noopener">@j_sigal</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Jenny Sigal
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

35. HTML RESUME

See the Pen <a href="https://codepen.io/txkun/pen/yvYbro" target="_blank" rel="noopener"> HTML RESUME</a> by Trung (<a href="https://codepen.io/txkun" target="_blank" rel="noopener">@txkun</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Trung
Demo And Download	Click Here For The Code
Language Used	HTML, CSS, JS
External Links\ Dependencies	Yes
Responsive	Yes

36. Semantic HTML Resume

See the Pen <a href="https://codepen.io/John_Meza/pen/bRqdNW" target="_blank" rel="noopener"> Semantic HTML Resume</a> by John Meza (<a href="https://codepen.io/John_Meza" target="_blank" rel="noopener">@John_Meza</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	John Meza
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

37. Resume

See the Pen <a href="https://codepen.io/YubeiC/pen/bGBBGwx" target="_blank" rel="noopener"> Resume</a> by Yubei Chen (<a href="https://codepen.io/YubeiC" target="_blank" rel="noopener">@YubeiC</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Yubei Chen
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

38. html resume

See the Pen <a href="https://codepen.io/0sparsh2/pen/qBZmOJe" target="_blank" rel="noopener"> html resume</a> by Sparsh Nagpal (<a href="https://codepen.io/0sparsh2" target="_blank" rel="noopener">@0sparsh2</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Sparsh Nagpal
Demo And Download	Click Here For The Code
Language Used	HTML
External Links\ Dependencies	No
Responsive	Yes

39. HTML resume

See the Pen <a href="https://codepen.io/johnnycinco/pen/jyaJLq" target="_blank" rel="noopener"> HTML resume </a> by Justin Hooter (<a href="https://codepen.io/johnnycinco" target="_blank" rel="noopener">@johnnycinco</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Justin Hooter
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

40. HTML Resume

See the Pen <a href="https://codepen.io/pinkapple/pen/JVLorm" target="_blank" rel="noopener"> HTML Resume</a> by Jessi Smith (<a href="https://codepen.io/pinkapple" target="_blank" rel="noopener">@pinkapple</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Jessi Smith
Demo And Download	Click Here For The Code
Language Used	HTML
External Links\ Dependencies	No
Responsive	Yes

41. HTML resume

See the Pen <a href="https://codepen.io/jackieedonovann/pen/JmPoeo" target="_blank" rel="noopener"> HTML resume</a> by Jackie Donovan (<a href="https://codepen.io/jackieedonovann" target="_blank" rel="noopener">@jackieedonovann</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Jackie Donovan
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

42. HTML Resume

See the Pen <a href="https://codepen.io/VND/pen/abOoamN" target="_blank" rel="noopener"> HTML Resume</a> by Valentina Neira-Diez (<a href="https://codepen.io/VND" target="_blank" rel="noopener">@VND</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Code By-	Valentina Neira-Diez
Demo And Download	Click Here For The Code
Language Used	HTML, CSS
External Links\ Dependencies	No
Responsive	Yes

So Learners that’s all. We have included 42 creative and unique HTML CSS resume for freshers in this article. I hope you enjoyed reading this. Tell your other developers about this. We would love to hear your opinions and suggestions in the comments section below.

Check out our other posts on codewithrandom to learn more about front-end development.

Thank you

You Might Also Like

15+ Read More Button Examples [ Demo + Code ]

15+ Bootstrap Toggle Switches

Character Count Using HTML CSS And JAVASCRIPT( Source Code)