Build your portfolio

Bootstrap is one of the most popular CSS frameworks and Sass is one of the most popular preprocessors for CSS.

We just published a course on the freeCodeCamp.org YouTube channel that will teach you about Bootstrap 5 and Sass by building a portfolio website.

Patrick Muriungi developed this course. He is an experienced developer and teacher.

Here are the different parts of this course:

  • Part 1: Intro to Website Project      
  • Part 2: SASS Setup and Customizing Bootstrap              
  • Part 3: File structure
  • Part 4: The Navbar Section
  • Part 5: The Intro Section
  • Part 6: The Companies Section
  • Part 7: The Services Section
  • Part 8: Testimonials Section
  • Part 9: The FAQ Section
  • Part 10: The Portfolio Section
  • Part 11: Getting Started Section
  • Part 12: The Footer Section

Here's what the portfolio website you'll= build will look like:

Watch the full course below or on the freeCodeCamp.org YouTube channel (5-hour watch).

r
 
 
Learn Bootstrap 5 and Sass by building a portfolio website. Bootstrap is one of the most popular CSS frameworks and Sass is one of the most popular preprocessors for CSS.
 
✏️ Course from Patrick Muriungi. portpoCheck out his channel: https://www.youtube.com/channel/UCEtl...
 Patrick on Twitter: http://twitter.com/itsmuriungi
 
 Code (completed project): https://github.com/MuriungiPatrick/Bo...
 Code (theming-kit.html): https://github.com/MuriungiPatrick/Bo...
 
⭐️ Course Contents ⭐️
⌨️ (0:00:00) Part 1: Intro to Website Project
⌨️ (0:02:13) Part 2-1: SASS Setup
⌨️ (0:19:27) Part 2-2: Customizing Bootstrap
⌨️ (0:35:39) Part 3: File structure
⌨️ (0:43:32) Part 4: The Navbar Section
⌨️ (1:13:25) Part 5: The Intro Section
⌨️ (1:57:00) Part 6: The Companies Section
⌨️ (2:11:11) Part 7: The Services Section
⌨️ (2:41:20) Part 8: Testimonials Section
⌨️ (3:11:10) Part 9: The FAQ Section
⌨️ (3:20:13) Part 10: The Portfolio Section
⌨️ (3:45:21) Part 11: Getting Started Section
⌨️ (4:10:24) Part 12: The Footer Section
 
⭐️ Resources ⭐️
 Google fonts: https://fonts.google.com
 
@Credits: FreeCodeCamp
Was this answer helpful? 0 Users Found This Useful (0 Votes)