Learn Bootstrap 5 and SASS by Building a Portfolio Website – Full Course

Ecommerce Empire Academy

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. Check out his channel:
🐦 Patrick on Twitter:

💻 Code (completed project):
💻 Code (theming-kit.html):

⭐️ 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 ⭐️
🔗 SASS:
🔗 Bootstrap 5:
🔗 Google fonts:
🔗 Fontawesome:
🔗 Tablericons:
🔗 Bootstrap icons:
🔗 Illustrations:

🎉 Thanks to our Champion and Sponsor supporters:
👾 Wong Voon jinq
👾 hexploitation
👾 Katia Moran
👾 BlckPhantom
👾 Nick Raker
👾 Otis Morgan
👾 DeezMaster
👾 Treehouse

Learn to code for free and get a developer job:

Read hundreds of articles on programming:

And subscribe for new videos on technology every day:

24 thoughts on “Learn Bootstrap 5 and SASS by Building a Portfolio Website – Full Course”

  1. Fantastic project so far! I noticed in the portfolio section you never covered how to organize and show content via the buttons like in your small preview at the start of the section? I’d be really interested in knowing how to do this. Thanks.

    1. @Ayo Codes I’m afraid not. I went through the entire project and it’s never covered sadly.

  2. Michael Riccelli

    I like this approach. Much simpler than trying to use a gulp or grunt set up. I also like the architecture of creating a theme-kit and using that as a reference to customize those particular bootstrap styles.

  3. Abdel-Rahman Husam

    I just finished watching the whole course! It’s so amazing how the final product turned out to be!

  4. Just finished the tutorial and have truly learned a lot. Thank you Patrick for taking the time to do and share this with everyone, really is very appreciated, especially to a newbie like me, much respect!

  5. giannitelli roberto

    great video and content. I am a complete beginner and every step takes me probably double the time it should (when I am lucky) but I am so grateful for your channel!!!

  6. I took a full-stack bootcamp and still learned a lot of new tricks! I like your use of Emmet, nesting, keeping all the styling in separate sheets. You have a style library, now anyone can snip paste and modify any section of the page. Great work!!

  7. ⭐️ Course Contents ⭐️
    ⌨️ (@) Part 1: Intro to Website Project
    ⌨️ (@) Part 2-1: SASS Setup
    ⌨️ (@) Part 2-2: 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

  8. Just finished coding along through this video. I was able to work along and develop a template with my own images and color schemes with no problem. The Sass setup with npm was excellent, and the integration with Bootsrap v5.0 amazing. It may take you a few dozen pauses of the video to stay on track, but I highly recommend coding along with this video. It is excellent for both Sass and Bootstrap v5.0

  9. Visual Novel Gameplay

    I love his teaching style. Reminds a lot of Traversy Media style. No fluff, just clear and concise.

  10. This is hands down the best tutorial on Bootstrap 5 and Sass on youtube, i’ve learned so much about Sass in this tutorial, i completed the whole thing, watching you typing every command with you. Also you are a master in Emmet, the best i’ve seen, I’m trying to get all those shortcuts down and its helped a lot watching and trying what you did. Thanks so much, job well done, I realize how much time you’ve put into this tutorial and I for one am thankful.

  11. Great course! I changed up some stuff and got a great portfolio now. I’m excited to show it off and start building more projects with some of the tools I learned.

  12. just completed the course and I must say that I’m quite impressed! love the way you order things, makes it more clear. thank you so much!

  13. Motivated By Pain

    Awesome course Patrick!! I definitely learned a lot from your great explanations and different ways you showed us how to do things. I am very grateful for learning Bootstrap from a master like you. All the best and I can’t wait to see the next course.

  14. This is what I was looking for. Quality content. Awesome work Patrick, thanks a ton!

  15. Excellent in-depth course about Bootstrap 5. Thank you very much for your time and sharing it with us!

  16. I completed this tutorial in 10 days. I found this tutorial very awesome. I learned a lot from this. Thanks to the creator…

  17. Completed this project after almost 10 days, with in-between breaks. Every aspect of it was awesome. Thank you for this wonderful course.

  18. Completed this project in almost 20 days, a HUGE learning about boostrap and CSS/SASS. Thanks for the explanations!

  19. allison posey

    Finished this in 2 days. I learned a lot especially in setting up bootstrap and sass. But what you did was not the best practice using bootstrap and sass. But for the sake of learning and free content, this video was great.

  20. Atikur Rahman Atik

    Excellent! I’m very appreciate for your tutorials. everybody should watch this tutorials to achieve a good knowledge on sass. May happy and long life.

Comments are closed.