One Page Template
One-page website is a new trend in web design. Usually, such websites are small, but even more complex websites can be build only on one single page. No loading of additional pages and no waiting after each click. When viewing such websites, user actually have a feeling that he/she is working on an application loaded directly into his browser rather than classic web surfing experience.
How This Template Works
Hot One Page template loads several Joomla pages. They are differently styled and some of those pages load modules (slideshow, ligthbox, and tabs). Classic module positions are only on the top (logo, top menu and big swapping intro image) and the bottom (footer links and copyright text).
Pages In This Demo
The template demo contains 7 pages (marked as Featured in Joomla) and describes a fictional county named as Yellow Heights. We will describe each page here and explain how each of those pages has been built. It will help you to understand how to edit the pages.
- Welcome A simple page with textual content.
- The Environment It contains Hot Responsive Slideshow module and some textual content. This module in published in the position 'advert1' and it's inserted into the page using the "loadposition" plugin.
- The Neighborhood A simple page with textual content and some logo images.
- County Management This page contains 4 tabs. Click on each tab allows us to see the content for this tab. Tabs' content is inserted in the custom content modules in the positions 'tab1-4'. There's also the Tabs Container module which is published in the position 'advert2'. The Tab Container module is inserted into this page with "loadposition" plugin as well.
- Gallery This page contains Hot Lightbox module (position 'advert3') that's also inserted into the page with "loadposition" plugin. This module spans across the entire screen area. It also contains some text.
- Template Features The page that you're reading now. It contains textual content only.
- Contact This page contains a module with contact form. Optionally, it can contain some text or images.
All modules mentioned above are included in the template package (no additional fees).
Layout and Responsive Design
The layout of this template is based on the revolutionary Sparky Framework and it's the first template from hotJoomla that uses fluid (100%) width. Actually, width of the pages has been limited to maximum 1140px (for better layout on very big screens), but the header bar, the intro module, the footer area and the Gallery page have fluid width and occupy 100% of user's screen space, no matter how big or small it is.
This is a responsive Joomla template. It looks beautiful and works fine on all devices and on all screen sizes.
- 100% tableless XHTML/CSS.
- Hot Responsive Slideshow, Hot Lightbox and Rapid Contact modules included with template, pre-installed and configured. All commercial modules included in the template package are free, if you buy template.
- HotStart (SQL dump) available with both single purchase or membership plan. It installs the template with all extensions and demo data.
- "One-page" design. Click on the top menu doesn't load a new page but scrolls the screen to the appropriate page. The scroll is powered by jQuery.
- Photoshop PSD source file is available. Google Web Fonts used in design.
- Tested in IE7+, Firefox, Chrome, Safari, Opera. Tested on iPhone and iPad.
- Support for RTL (right-to-left) languages.
Sign Up Now!
Existing customers login here to download