Bootstrap 5 Cards with Hugo static site generator. Loop over front matter data with range. Tutorial

This video takes you through creating Bootstrap 5 cards with hugo. You set up an array of data and iterate over it to create multiple cards. Stay tuned for part 2. Watch my full length Hugo courses on skillshare here: https://www.skillshare.com/r/user/sean_emerson?gr_tch_ref=on&gr_trp=off You get 1 month free, to watch my courses using my referral link. Full length HUGO and Bootstrap 5 intro course https://skl.sh/3rsfq4y Full length SASS/SCSS building with Hugo Course https://skl.sh/3IKdWc2 Full length JavaScript building with Hugo Course https://skl.sh/3uHZcEz SEO and asset optimisation with Hugo Course https://skl.sh/3rthbOo Looking for the best value for money travel insurance that suits both travellers and digital nomads? Use my link to support this channel. https://safetywing.com?referenceID=24741702&utm_source=24741702&utm_medium=Ambassador Like the video? Buy me a cofee!! https://www.buymeacoffee.com/futureweb The code you need to get started with this tutorial https://github.com/future-wd/video-hugo-bootstrap-cards-part-1/releases/tag/v0.1.2 The code of the finished tutorial https://github.com/future-wd/video-hugo-bootstrap-cards-part-1/releases/tag/v1.0.1 Bootstrap 5 Cards https://getbootstrap.com/docs/5.0/components/card/ Hugo range (loop/iteration) https://gohugo.io/templates/introduction/#iteration Hugo with (conditionals) https://gohugo.io/templates/introduction/#conditionals VIDEO - Getting started with HUGO https://www.youtube.com/watch?v=T671OzJisFs VIDEO - Installing Hugo on windows https://youtu.be/bbza8UJapT8 PLAYLIST - My other HUGO videos https://www.youtube.com/watch?v=sX1_R11wuxk&list=PLE92IfveVXuXTOjdPM_nleN6Cga_d3uJ- 0:00 - Introduction #hugo #website #staticsite #staticsitegenerator #jamstack