Responsive Quattro Template with Page Builder

The Hot Quattro is a clean and responsive Joomla template for the development of modern websites. This template is very different from our other templates for a good reason. This is the first template based on our Joomla Page Builder. It's a game-changer Hot Joomla template because it allows you to create and edit layout and content of your Joomla articles and custom modules easily.

Discover a new Sparky page builder for Joomla. Finally, edit your pages in Joomla easily! Inspired by the layout model of rows and columns from our Sparky template framework, the Sparky Page builder adds blocks that are elementary parts of your content.

Quattro is the first Joomla template created for our new page builder. It's modern and lightfast page builder developed in vanilla JavaScript. It allows you to build your Joomla pages and visually control what you are creating. The page builder is fully integrated with Joomla as an editor and it's not a separate component. Therefore, you can edit, articles, categories, custom modules, products, etc.

With Sparky Page Builder you can effortlessly create the layout of your pages, add different types of content blocks, move and copy rows, columns, and blocks around. Effortlessly.

Sparky Page Builder Included

All demo content (articles and custom modules) can be edited visually using only the Sparky Page Builder (included with template). You can see the exact results of all edits that you are making in real time.

Create a layout for your pages easily. Add and edit text, images, buttons, multimedia, lists, icons, and other types of blocks. Make text styles listed in the Typography page visually in the page builder. It's possible to edit content from the backend and front end.


Page builder for Quattro template


Colors of the Quattro template

5 Color Schemes

The Hot Quattro template is available in a dark color scheme with 5 different accented colors. It's easy to create your own color schemes or change pre-defined colors through the template framework or in the page builder.

The Sparky Framework

The backend of the Hot Quattro Joomla template is based on the Sparky Framework. Using a drag and drop technology you can create or edit website layout and add or remove elements (module positions, menus, logo) and other template elements (typography, special features, etc.).

This is also the place where you can change the font colors and text styles using a collection of 800+ Google fonts with a preview. The framework generates the static CSS files anytime you change something in the settings. Therefore, the resulting website is lightfast and mobile-friendly.


The Sparky layout for the Quattro template


Drop-down multilevel menu in the Quattro template

Drop-down Menu and Tons of Menu Options

This template has a top menu with submenu items on deeper levels. The sub-menu panes open on mouse-over on the desktop. The menu is fully responsive and it's converted to a button on mobile screens. Therefore, it's easy to handle on all mobile devices. All menu options (colors, fonts, sizes...) are parameterized in the template framework options.

Quattro Template Screen Shots

The following screenshots show several pages of the Quattro template in different color schemes.


Template Features

  • Responsive template, based on clean CSS/CSS3 code, and powered by the Sparky Joomla template framework.
  • Sparky Page builder is included with this template. All demo content is created using this page builder. Edit and create your content effortlessly.
  • 5 pre-defined color palettes. All colors are easily customizable in Sparky options (infinite color options).
  • Customization of the template's layout and adding/removing module positions is easy. It's powered by Sparky's drag and drop Layout Editor. Change layout and element dimensions easily whenever you need.
  • The compatibility with all future Joomla! versions are guaranteed!
  • HotStart (quick-start installation) is available with a single purchase or membership plan. It copies the template with all extensions and demo pages easily.
  • An unlimited number of module positions can be added easily within the Layout Editor of the Sparky Framework if needed.
  • A selection of 800+ Google Fonts is available through the template options panel. The latest version of the Font Awesome icons collection is included.
  • PSD source file and fonts are available.
  • The top menu system with the presentation of the menu items in multiple levels in the drop-down panes.
  • Tested with Google Chrome, Mozilla Firefox, Microsoft Edge, Apple Safari, and Opera browsers. Tested on Apple iOS and Android mobile devices. Support for RTL (right-to-left) languages.