Responsive Resume Cv Website Using HTML CSS And JavaScript | Light/Dark Theme & Export PDF
📁 Assets
Icons: https://boxicons.com/
Fonts: https://fonts.google.com/
Html2pdf: https://ekoopmans.github.io/html2pdf.js/
GitHub: https://github.com/bedimcode
------------------------------
📢 Important Note!!!
This template is designed to be displayed on a single sheet when exported to pdf, just fill in the required information on the template.
❤ Get template
https://www.buymeacoffee.com/bedimcode/e/20474
❤ Get template by PayPal
https://ko-fi.com/s/81db0c1b73
🔔 Subscribe for more!
/c/Bedimcode
------------------------------
👨💻 Start project from scratch
https://github.com/bedimcode/responsive-resume-cv-smith
☝ Download the project base files on GitHub
- Click on the GitHub link
- Click the green Code button
- Download ZIP
- Save and extract where you prefer
📢 Important Note!!!
To export from html to pdf, the project must be operating on a server. The library to export to PDF (Html2pdf) works on the client side. In this video we use Visual Studio Code and Live Server (a plugin that starts a live server locally).
⬇️ Follow the steps here to install Visual Studio Code and Live Server
https://www.figma.com/proto/iqfURqaeeO4Ck9wGqxVYH3/Pasos-para-instalar-VisualStucioCode-LiveServer?node-id=1%3A2&scaling=scale-down-width
Visual Studio Code
https://code.visualstudio.com/
🔥 When you upload your project to a server on the web, the export to PDF will work correctly.
⏱ Timestamps
0:00 Intro Resume CV
2:42 Project setup
4:40 Variables css, reset html, css reusable
8:15 Header and menu
20:00 Home
26:51 Social
29:42 Profile
30:44 Education
35:10 Skills
37:50 Experience
41:53 Certificates
43:40 References
46:20 Languages
48:05 Interests
50:57 Scroll top
53:25 Media queries
57:43 Light/Dark mode
1:00:53 Button scale summary - export PDF
1:02:56 Variables to reduce font size
1:03:56 Classes to reduce design
1:08:45 .scale-cv insert and remove functions
1:10:42 Generate PDF
------------------------------
📬 Any questions about the project send a DM to Facebook (Bedimcode).
⌚ I answer at 6:00 PM (Perú time)
☕️ Support me
https://www.buymeacoffee.com/bedimcode
💙 Support me by PayPal
https://ko-fi.com/bedimcode
👍 Thanks for watching!
Make sure to like + Subscribe For More! ❤
#responsiveresumecv #resumecvhtmlcss #bedimcode