The ‘back-to-top’ button on the right bottom of the screen takes the visitor back to the navigation menu. This button uses a fixed positioning with 20px right and bottom coordinates that ‘pin’ it into position.
The images below scale up on hover. This can be done on the effects section of the design pane. A transition is used to smoothen the effect. Basically this is done for all hover related changes when possible. The stickers are put on the images using a negative margin and rotate upon hover.
Kolm-Saigurn is a small village near dolor sit amet, consectetur adipiscing elit. Quisque fermentum elementum lorem, vitae varius sapien lacinia ut. Nam hendrerit quam ut mi congue feugiat. Cras nisi neque, vulputate venenatis velit eget, tempor faucibus nisl. Pellentesque ut varius quam.
"What a wonderful time we had, every day brought something different! My favorite was feeding the wolves!"
This gallery was made with just some CSS simply tricks. There are three classes for large, medium and small images. Each class uses different effect settings for rotation and box-shadow, both in regular and hover state. The z-index value moves the image up on hover. A specific design was applied for smaller devices so it looks always nice. Hit the Preview button in the toolbar to see the effects in action and enjoy these amazing shots by Airwolfhound.
All images used in this theme are neatly organized in the resources manager, available through the toolbar above. Etiam mollis, dolor ac malesuada volutpat, lorem est sollicitudin nisi, a vestibulum mi diam a velit. Duis cursus, nisl eget imperdiet sodales, diam lacus ultrices nisi, a malesuada elit metus sit amet urna.