/portfolio-template

A free, public template for anyone to kick-start their personal, online portfolio website. It's clean, simple, and covers the basics.

Primary LanguageHTML

Free Personal Portfolio Template

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/

Tools Used

  • Bootstrap
  • Bootstrap Icons
  • Google Font (DM Serif Display)

Portfolio Sections

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)

Todos (If you use for yourself)

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

Simple Changes to Modify Appearance

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