Pager is a unique one-page theme which slides vertically through individual ‘pages’ ensuring each page’s content is always fully visible on screen.
The user can change ‘page’ by either scrolling, using the navigation bar, clicking the up or down arrows, or pressing the up or down buttons on their keyboard.
Pager is built upon Twitter Bootstrap so is fully responsive and adapts its layout to display perfectly on all screen resolutions. It is written in valid HTML5/CSS3 and uses jQuery to process the page switching.
Here are some of Pager’s features:
- Valid HTML5/CSS3
- Unique Paging Style
- Fully Responsive
- Fullscreen Video Backgrounds (Not mobiles or tablets)
- Fullscreen Google Map
- Fullscreen AJAX portfolio
- Working AJAX Contact Form
- FontAwesome (Icons)
- Google Fonts
- Flexslider
- Fixed NavigationCredits:
- WooThemes – <a href="http://www.woothemes.com/flexslider/" rel="nofollow">http://www.woothemes.com/flexslider/</a>
- FontAwesome – <a href="http://fortawesome.github.com/Font-Awesome/" rel="nofollow">http://fortawesome.github.com/Font-Awesome/</a>
- Google Fonts – <a href="http://www.google.com/fonts/specimen/OpenSans/" rel="nofollow">http://www.google.com/fonts/specimen/OpenSans/</a>
- Google Fonts – <a href="http://www.google.com/fonts/specimen/Lato/" rel="nofollow">http://www.google.com/fonts/specimen/Lato/</a>
- jQuery Actual – <a href="https://github.com/dreamerslab/jquery.actual" rel="nofollow">https://github.com/dreamerslab/jquery.actual</a>
- Socialico font – <a href="http://fontfabric.com/social-media-icons-pack/" rel="nofollow">http://fontfabric.com/social-media-icons-pack/</a>
- jQuery – <a href="http://www.jquery.com" rel="nofollow">http://www.jquery.com</a>
- Modernizr – <a href="http://www.modernizr.com" rel="nofollow">http://www.modernizr.com</a>
- Flickr (all images) – <a href="http://www.flickr.com" rel="nofollow">http://www.flickr.com</a>
- jQuery Mousewheel – <a href="https://github.com/brandonaaron/jquery-mousewheel" rel="nofollow">https://github.com/brandonaaron/jquery-mousewheel</a>
- jQuery Color – <a href="https://github.com/jquery/jquery-color" rel="nofollow">https://github.com/jquery/jquery-color</a>