Skip to content

PRO TIP Block youtube.com at the DNS level — Pi-hole, NextDNS or your hosts file — but allow youtube-nocookie.com and i.ytimg.com. These tutorials keep playing; the rabbit hole does not.

Learning without distractions

Digital Resume Portfolio with Responsive Design | HTML CSS JavaScript

2.1K views on YouTube

Responsive resume website using HTML CSS JavaScript. In this step-by-step web development tutorial, learn how to create a modern resume website with a responsive design and a professional user interface. This frontend project is perfect for beginners who want to practice HTML5, CSS3, and JavaScript while creating a responsive website for desktops, tablets, and mobile devices.

❤️ Get source code
https://buymeacoffee.com/bedimcode/e/567570

💙 Get source code (PayPal)
https://ko-fi.com/s/3b9b5467be

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
📦 Develop the project – Free resources
https://github.com/bedimcode/responsive-digital-resume-portfolio

Links used in the project
– Remix Icons: https://remixicon.com/
– Google Fonts: https://fonts.google.com/
– Icons for Tools: https://svgl.app/ – https://svglogos.dev/
– ScrollReveal: https://scrollrevealjs.org/
– Hosting Netlify: https://www.netlify.com/
– Images by: https://www.freepik.com/

Timestamps
00:00 – Intro
01:46 – Project Setup
02:50 – Profile Section
08:32 – Skills Section
09:40 – Tools Section
12:33 – Experience Section
15:27 – Education Section
17:12 – Projects Section
20:07 – Footer
22:56 – Show & Hide Sections js
27:42 – Breakpoints
33:56 – ScrollReveal Animation
36:00 – Final Project

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
👍 Thanks for watching!
Smash the Like button & Subscribe for more! ❤️

#ResumeWebsite #PortfolioWebsite #CVWebsite #HTML #CSS #JavaScript