A side navigation element with headline, links, dropdown, and images.
It scrolls vertically to reveal more information, both images and a contact section with email, phone, and address. Also has a section at the bottom for copyright information.
Based on HTML5 UP theme Editorial
Starts with a circular overlay with information. Clicking Let s Go closes the overlay and transitions to a home button at the top, which can be clicked again to reopen the overlay.
Underneath the overlay is a masonry gallery of images with links. There is a subtle zoom in animation on hover.
Based on the Radius theme by Templated found at
Masonry gallery with collapsible call to action overlay
Responsive slider timeline with Swiper
Based on a pen from Bruno Carvalho:
Known issue with resizing when crossing 768px breakpoint iPhone X / tablets orientation change .
Add custom tags and filter the thumbnail images by tag.
Automatically adds the tags as buttons, and clicking on a button automatically filters the items.
Design is based on Templated theme Broadcast