Scrolling Single Page - Template
This project is a layout / template for a single page with scrolling content.
These pages are now very popular for websites with low content. Creating a page like that is very easy and will be very quickly accomplished, using this template.
- Single page
- All scrolling
- Fullscreen slides
- Colors, alignments and content easily changed.
- Slides with multiple sub slides, horizontally
- Animations that trigger upon scrolling down to the content
How to Use: You can find this in the index.html, that comes in the project files, for easy copy and paste.
The markup structure starts with a div of the class layout. In it we place as many slides as we like. Every slide occupies the full size of the window. Every slide has the class slide, if you want to start a multi-slide (multiple horizontal slides) use the class multislide_container, instead.
A slide should have then a div called slide_contents inside, which hold all the actual contents. Usually this div would also have the class animated_contents, for a nice animation upon scrolling to it.
In a multi-slide case we encase multiple slides in one container.
You can see all of the examples in the index.html of course, play around with them.
Please read the guide PDF for specifics.
Copyright © PieceX.com. All Rights Reserved