Orange & Grey Online Resume using Materializecss

This a static online resume is built to replace my old wordpress site. I built this using Materializecss, SASS, and Jekyll.

Why orange & grey? actually there are 3 colors here instead of 3 (orange, dark blue and grey). Well, I came from construction & mining industry, they are the color of uniforms we used to wear in our daily activities.

Click here to see the live demo in action.

TODO

• I'd like to be able to change the color theme. Need to learn it first :) .
• Beautify the navbar for mobile.
• Create back-end to send email. PHP?
• Print to PDF

How to install/use

All you need to do is download it here, click the "Download ZIP" button. Then extract them to your hosting service.

Note #1: You have to edit 2 files to change the content according to your needs, they are index.html and resume/index.html. Note #2: And you need to replace the photos in /img folder with your photos. Just rename the files so they match what was there. Note #3: There are 2 pictures unavailable, yet and I put a placeholder there. But, if you have all the assets in your hand just replace them all with yours.

There is also the Jekyll/SASS version of this theme if you prefer that one, grab it here. With that you only need to edit the resume.yml and settings.yml to change the content. It's pretty straight forward.

Learn how to use Jekyll on windows and SASS.

Credit

• Slide show pictures thanks to https://gratisography.com)
• Materializecss design
• Font Awesome
• Formspree to submit the email (I'm not ready for the back-end yet, sorry)
• Thanks to DevTips YouTube channel for inspiring me how to make those dynamic bullets in the Skill section.