MENU

Fun & Interesting

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

freeCodeCamp.org 512,429 4 years ago
Video Not Working? Fix It Now

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 ❤️ Try interactive CSS courses we love, right in your browser: https://scrimba.com/freeCodeCamp-CSS (Made possible by a grant from our friends at Scrimba) ⭐️ 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

Comment