Tutorial - Creating Masonry/Pinterest style image gallery with Hugo and Bootstrap 5 | Front End Dev

Published: 14 May 2022
on channel: Future Web Design
2,580
40

This video is all about how to create Masonry/Pinterest style image gallery with Hugo and Bootstrap 5. I cover accessing page resource images, iterating over them, and how to create the masonry style layout with a JavaScript library.

You can use your own project, or use mine via the links below.

Watch my full length Hugo courses on skillshare here: https://www.skillshare.com/r/user/sea...
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? Covid-19 coverage included! Use my link to support this channel.
https://safetywing.com/nomad-insuranc...

Like the video? Buy me a cofee!!
https://www.buymeacoffee.com/futureweb

Code to get started
https://github.com/future-wd/video-hu...

Code of completed video
https://github.com/future-wd/video-hu...

Docs:
https://getbootstrap.com/docs/5.0/exa...

VIDEO - Installing Hugo on windows    • Installing Hugo Static Site Generator...  

PLAYLIST - My other HUGO videos    • Video  

0:00 - Introduction


#hugo #website #staticsite #staticsitegenerator #jamstack


Watch video Tutorial - Creating Masonry/Pinterest style image gallery with Hugo and Bootstrap 5 | Front End Dev online without registration, duration hours minute second in high quality. This video was added by user Future Web Design 14 May 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,58 once and liked it 4 people.