Materials
A live example of the demo site can be viewed here.
Files and configuration settings used in the demo build can be downloaded here.
Video Tutorials
1. Project Setup & Framework Config
Project repository is downloaded and Framework Root Variables set.
2. Hero Section
Development of a video hero section and customisation of the navigation bar.
Components used: Tile - Video Overlay
3. About Section
Use of simple Components to create the About section.
Components used: Feature 1 - Left Feature 1 - Right Scroll Anchor
4. Destinations Section
Customisation of more complex Components to create a carousel from a json file.
Components used: Team Carousel 1 Tag Scroll Anchor
5. Contact Section
Development of a Netlify compatible form using Components.
Components used: Tile Form Inputs Scroll Anchor
6. Footer, Preloader & Pop Up
Use of Hugo partials to create various website elements.
Components used: Footer Preloader Popup