Scrolling Single Page Theme
Mobile First Responsive Design
{{slide.title}}
{{slide.caption}}
Mobile First Responsive Scrolling Single Page Theme
A simple light weight mobile first single page theme. This is a minified version, built using Grunt, Node, LESS.
Features
- Light Weight
- Responsive, Mobile First
- Native Scroll
UX Features
- Preload, Full-Screen, Carousel, Swipe, Animate, Scroll Position, Lightbox Gallery,
UI Stack
- Bootstrap customized (carousel.js, tooltip.js)
- jQuery (knob.js, lightbox.js)
- jQuery.mobile customized (touch)
- Angular (ngAria)
Recent Testing
I don't always have access to every brand or the latest versions of all popular devices. All releases are developed initially to W3C standards, and tested for browser compatibility in Linux & Windows environments including the latest Chrome browser device emulators. Sorry I don't have any Apple devices available at the moment. Should you find a bug, please notify me on github.
Our Services
Web Site Development
Whether you need rapid deploy web presence solutions, a few updates or large scale custom web application development service.
Learn MoreApplication Development
We develop open source web applications and plugins for a variety of platforms including WordPress
Learn MoreUI Theme Development
We develop interactive user interface logic and integrate theme designs for browser based web applications
Learn MoreConsulting
Even if you choose to use an online site builder a consultation with a professional developer will save you time and money in the long run.
Learn Moregallery
Portfolio
Caption Heading 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sed tellus ligula. Suspendisse sapien eros, pulvinar et est vel, tempor semper quam. Nulla sed neque sed eros tristique convallis. Aliquam maximus ante sem. Suspendisse vitae nisi accumsan, vulputate nibh nec, hendrerit leo.
Caption Heading 2 [elipsis,elipsis,elipsis]
Proin consectetur quam vitae quam egestas, eu pretium dui condimentum. Praesent a mi non nunc posuere ultricies vel at lectus. Pellentesque malesuada pellentesque aliquet. Aliquam sed lacus pretium, vulputate neque nec, ultricies metus. Maecenas laoreet posuere elit.
Caption Heading 3
Nulla sed neque sed eros tristique convallis. Aliquam maximus ante sem. Suspendisse vitae nisi accumsan, vulputate nibh nec, hendrerit leo. Proin consectetur quam vitae quam egestas, eu pretium dui condimentum.
Caption Heading 4
Nulla sed neque sed eros tristique convallis. Aliquam maximus ante sem. Suspendisse vitae nisi accumsan, vulputate nibh nec, hendrerit leo. Proin consectetur quam vitae quam egestas, eu pretium dui condimentum.
Caption Heading 5
Nulla sed neque sed eros tristique convallis. Aliquam maximus ante sem. Suspendisse vitae nisi accumsan, vulputate nibh nec, hendrerit leo. Proin consectetur quam vitae quam egestas, eu pretium dui condimentum. Praesent a mi non nunc posuere ultricies vel at lectus.
Caption Heading 6
Suspendisse vitae nisi accumsan, vulputate nibh nec, hendrerit leo. Proin consectetur quam vitae quam egestas, eu pretium dui condimentum.
Caption Heading 7
Nulla sed neque sed eros tristique convallis. Aliquam maximus ante sem. Suspendisse vitae nisi accumsan, vulputate nibh nec, hendrerit leo. Proin consectetur quam vitae quam egestas, eu pretium dui condimentum. Praesent a mi non nunc posuere ultricies vel at lectus.
Caption Heading 8
Nulla sed neque sed eros tristique convallis. Aliquam maximus ante sem. Suspendisse vitae nisi accumsan, vulputate nibh nec, hendrerit leo. Proin consectetur quam vitae quam egestas, eu pretium dui condimentum. Praesent a mi non nunc posuere ultricies vel at lectus.
Caption Heading 9
Aliquam maximus ante sem. Suspendisse vitae nisi accumsan, vulputate nibh nec, hendrerit leo. Nulla sed neque sed eros tristique convallis. Praesent a mi non nunc posuere ultricies vel at lectus.
Caption Heading 10
Nulla sed neque sed eros tristique convallis. Aliquam maximus ante sem. Suspendisse vitae nisi accumsan, vulputate nibh nec, hendrerit leo. Proin consectetur quam vitae quam egestas, eu pretium dui condimentum. Praesent a mi non nunc posuere ultricies vel at lectus.
Caption Heading 11
Nulla sed neque sed eros tristique convallis. Aliquam maximus ante sem. Suspendisse vitae nisi accumsan, vulputate nibh nec, hendrerit leo. Proin consectetur quam vitae quam egestas, eu pretium dui condimentum. Praesent a mi non nunc posuere ultricies vel at lectus.
Scrolling Single Page Layout
This Theme is designed to be a simple scrolling single page application base template. It started with the idea to integrate jQuery.knob.js as a navigation dial into a single page design.
Navigation
Keyboard: [Home], [End], [PgUp], [PgDn];
Carousel Navigation: [left arrow] & [right arrow] navigate carousels when in view;
Dial Wheel: click on slice of the wheel, or drag the light blue indicator then release.
The Dial Wheel tracks along with the page scroll bar, indicating your position on the page.
Main Menu: the "<<" (Double Arrow) button to the top right toggles the main section menu
Adding and Removing Sections
Sections are automatically added and removed from navigation dial when added or removed from the HTML document.
<section id="yourid" class="section">
Excluding class=section, excludes the section from navigation
Edit Gallery and Carousel Images
Simple JSON objects in dialed-app.js, using Angular.js to make it easy.
md:'path/to/md/image.jpg',
sm:'path/to/sm/image.jpg',
Slogan or Something Here
Tagline or content information here
Use one of your social networks to login.