Grid Section
Hero Section large full screen with fade / Text: center / Actions: Shortcut vertical left
1. Example - Grid Section explained
Grid Gap: active
Rows: 1 / Columns: 1
Product 1: Row Span 1 / Column Span 1
Product 2: Row Span 2 / Column Span 1
Product 3: Row Span 1 / Column Span 1
2. Example - Grid Section explained
Grid Gap: active
Rows: 2 / Columns: 2
Product 1: Row Span 1 / Column Span 2
Product 2: Row Span 1 / Column Span 1
Product 3: Row Span 1 / Column Span 1
3. Example - Grid Section explained
Grid Gap: active + quadratic items
Rows: 1 / Columns: 3
Product 1: Row Span 1 / Column Span 1
Product 2: Row Span 1 / Column Span 1
Product 3: Row Span 1 / Column Span 1
Select how large the items should be displayed by setting the width accordingly: small, medium, large.
Our top seller!
1. Example - Grid Section
Adventurous on the go!
Our top seller!
4. Example - Grid Section
The mountain calls!
Toboggan ticket
Experience unforgettable tobogganing fun on the snowy slopes!
Ski and Snowboard School
Learn to ski or snowboard
Easy and comfortable up the mountain
Book now
Small Peak
From the Valley to Small Peak
3-course gala dinner
Shgi fer early
Book your slope experience now
Trekking tour
Discover the Big Mountain Valley area on a guided tour
4. Example - Grid Section explained
Grid Gap: active
Rows: 3 / Columns: 3
Product 1: Row Span 1 / Column Span 2
Product 2: Row Span 1 / Column Span 1
Product 3: Row Span 2 / Column Span 1
Product 4: Row Span 2 / Column Span 2
Product 5-7: Row Span 1 / Column Span 1
Our top seller!
5. Example - Grid Section
Without Grid Gap - distance between the individual items
Ski and snowboard school
Learn to ski or snowboard
Toboggan ticket
Fast-paced descents for adrenaline junkies and fun lovers
May 11
Energy and Hans Erni Museum
Panta rhei lecture
May 14
Film Breakfast
Wild Cats 3D
27 May
In our cinema
Asterix and Obelix
Our top seller!
7. Example - Grid Section
The mountain calls!
Dog ticket
The dog ticket for the gondola ride
Single trip
An unforgettable day in the mountains
Rental sled
7. Example - Grid Section explained
Grid Gap: active
Rows: 2 / Columns: 4
Product 1 -4: Row Span 1 / Column Span 1
Product 5+6: Row Span 2 / Column Span 2
