The latest articles on DEV Community by Muhammad Abubakar (@ab5553). https://dev.to/ab5553 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4207942%2Fef4be7b1-fca1-4709-a09f-7bba36d0bd89.jpg https://dev.to/ab5553 en Muhammad Abubakar Mon, 26 Oct 2026 07:58:01 +0000 https://dev.to/ab5553/i-built-a-modern-bootstrap-5-resume-template-with-a-native-lightdark-mode-4e20 https://dev.to/ab5553/i-built-a-modern-bootstrap-5-resume-template-with-a-native-lightdark-mode-4e20 <p>Hey everyone,<br> I noticed a lot of developers prefer a clean, dark aesthetic for their personal sites, while recruiters often prefer reading traditional light layouts.<br> To bridge the gap, I built a professional resume and portfolio template using <strong>Bootstrap 5</strong> that features a seamless, native <strong>Light and Dark mode toggle</strong> built right into the header. It includes a clean timeline layout, interactive grids for projects, and zero bloat so it passes Google Lighthouse speeds with flying colors.<br> You can check out the live preview and test the toggle here: [<a href="https://brandon-demo.bss.design/template.html" rel="noopener noreferrer">https://brandon-demo.bss.design/template.html</a>]<br> If you just need a simple single-page setup to build upon, I've open-sourced a Lite version on GitHub: [<a href="https://github.com/abubakar5553/dark-bootstrap-resume-template" rel="noopener noreferrer">https://github.com/abubakar5553/dark-bootstrap-resume-template</a>]<br> For anyone looking for the full premium version (with detailed project case studies, custom interactive components, and clean documentation), I have it hosted on Gumroad for the price of a coffee.<br> Would love to get your feedback on the layout contrast and the toggle transition!</p> frontend opensource showdev webdev