A free, public template for anyone to kick-start their personal, online portfolio website. It's clean, simple, and covers the basics.
View Demo: https://morganjlopes.github.io/portfolio-template/
- Bootstrap
- Bootstrap Icons
- Google Font (DM Serif Display)
Each section has been intentionally placed to highlight key areas of your overall portfolio.
- Overview of You (Clear and Concise)
- Employment Logo Bar (Notable places you've worked)
- Featured Portfolio Items (~3)
- Additional Portfolio Items (As many as you want)
- About You (Combine Professional Details and Unique Personal Facts)
- Testimonials / References
- More than Code (What else have you created, written, etc?)
- Call to Action (Download Resume, Connect on Linkedin, Send Email, Schedule a Call, etc)
A simple checklist to kick-start your new personal portfolio.
$> git clone git@github.com:morganjlopes/portfolio-template.git- Open index.html in text editor.
- Replace all instances of 'morganjlopes' with your respective username (per platform).
- Add your own Github Activity Graph screenshot.
- Update all 'Morgan specific content' with your own (paragraphs, logogs, images, portfolio items, testimonials, etc).
- Choose your own call to action : Download Resume, Connect on Linkedin, Send Email, Schedule a Call
Little tweeks can go a long way. Make the theme your own without reinventing the wheel.
- change border radius (classes: .btn, .card)
- change primary color (classes: .btn, .bg-primary, .marker-highlight)
- change background colors
- change case sensitivity (h1, h2, h3, .btn, etc)
- change font family
- change container width (or replace with container-fluid)
- replace spacer-portrait.png with spacer-landscape.png on featured portfolio items
- add css animation (https://animate.style/)
- add more imagery
- add more emojis 🔥
This free personal portfolio theme was provided by Morgan J Lopes. For more information and tools to ease your transition into tech, checkout Code School Book