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

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: https://www.youtube.com/channel/UCEtlYWZil1WbX2LoqF2qocQ
🐦 Patrick on Twitter: http://twitter.com/itsmuriungi

πŸ’» Code (completed project): https://github.com/MuriungiPatrick/Bootstrap-5-portfolio-template
πŸ’» Code (theming-kit.html): https://github.com/MuriungiPatrick/Bootstrap-5-Theming-Kit

⭐️ 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: https://sass-lang.com/guide
πŸ”— Bootstrap 5: https://getbootstrap.com/docs/5.0/getting-started/introduction/
πŸ”— Google fonts: https://fonts.google.com
πŸ”— Fontawesome: https://fontawesome.com/start
πŸ”— Tablericons: https://tablericons.com
πŸ”— Bootstrap icons: https://icons.getbootstrap.com
πŸ”— Illustrations: https://www.manypixels.co/gallery

πŸŽ‰ 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: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

You May Also Like