Home

Scrollcase: a one-page responsive template with autoscroll transitions.


iconIt works well in portrait and landscape iPad modes (the jQuery scrollTo transitions work on iPad too).


icon Touch-enabled carousel with video support (FlexSlider2) and lightbox scripts are included. Page two

Section two

Heading goes here

iconThe main purpose of this template was to build on the original popular Slidexy template which used this scrollTo technique but to also include a number of common content components which were requested i.e. image and video carousel, lightbox, twitter integration, contact form styling and google map integration.
Buy now at Themeforest

Heading goes here

iconBy it's nature, this template is designed to support 5 or 6 articles (I won't call them 'pages' as the whole file is a page) - that are accessed via the top navigation bar. Load time/performance may become an issue if content is made too complex. In general this technique is best used for small scale sites. More help...

Section three

Heading goes here

iconTemplate created by tallhatDesign (design and concept) and Rhumaric (development).

In condimentum orci id nisl volutpat bibendum. Quisque commodo hendrerit lorem quis egestas. Maecenas quis tortor arcu. Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor.

Subheading goes here

Commodo nulla. In condimentum orci id nisl volutpat bibendum. Quisque commodo hendrerit lorem quis egestas. Maecenas quis tortor arcu. Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis.
Buy this HTML5 template now at Themeforest

Section four

iconLayered Photoshop files are included for all the background PNGs (i.e. the iPhone/iPad images), so the blank screens can be easily replaced with app showcase graphics or whatever.

Bullet list:

  • Uses Flexslider2 for homepage carousel
  • Uses touchTouch for lightbox - swipe enabled
  • Integrates standard Twitter widget feed
  • Styling included for contact form elements
  • Google maps iframe example included - no API req.
  • iPad, desktop and iPhone tested


Maecenas quis tortor arcu. Vivamus rutrum nunc.
Buy this HTML5 template now at Themeforest

Section five

Section five – Gallery and lightbox setup

This is to show a long section where the jQuery scrollbar comes into play (great on iPad!) . Scrollcase also has a mobile friendly lightbox script set up for image thumbnails. The TouchTouch lightbox provides gesture control to allow swiping through multiple images when in lightbox overlay mode. Try it - click a thumbnail below then swipe through the 'group'.

Morbi ac commodo nulla. In condimentum orci id nisl volutpat bibendum. Quisque commodo hendrerit lorem quis egestas. Maecenas quis tortor arcu. Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat consectetur.

Post title goes here

Famus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque

Sique consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque.

Equis tortor arcu. Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis.

Morbi ac commodo nulla. In condimentum orci id nisl volutpat bibendum. Quisque commodo hendrerit lorem quis egestas. Maecenas quis tortor arcu. Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat consectetur.

Famus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque

Sique consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque

Contact

Please get in touch

Quisque commodo hendrerit lorem quis egestas. Maecenas quis tortor arcu. Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat consectetur.

Content

Tweets