To configure the carousel
To configure a single card in a carousel
Landscape carousel with 3 items
When a carousel only contains 1 card, it is not scrollable and controls are disabled
Landscape carousel with 1 item. Controls are removed when there is only 1 item.
A carousel component with the portrait display mode
To change the display mode of a carousel:
On mobile, a card takes the full width and users should be able to swipe left and right.
On larger screens, all slides are in view so controls are disabled.
This is landscape carousel inside a section wrapper
This is portrait carousel inside a section wrapper
The carousels below are based on the designs
Explore Qatar the way you like
Discover our events & festivals