• Baryonic - a casual template with refreshing default style...
  • ...extensive color setup...
  • ...and lots of features!

Feature Position

This is a module in the feature-a position. With the module class suffix "ct-first-feature" in the position "feature-a", you can use this as introduction for the feature position.

Tablets

Baryonic allows to use a multitude of typography features such as Twitter Bootstrap. Use the built-in styles right away and if you need custom styles (forms, alerts, errors, messages), check out the typography on what's possible!

Read More

Smartphones

Baryonic is a modern Joomla!® 3.x and 2.5 template. With plenty of stunning features such as great design, responsiveness, sticky menus, responsive slider and 4 different menu styles (2x main menu, 1x sticky, 1x mobile).

Read More

Desktops

Baryonic plays well with Joomla! and even extends its user experience. Use the features that ship with this template to add transition effects, use menu item icons or images, add Google Analytics code and set it up the way you like!

Read More

Try Something Else

Try this rock solid template. It's not just about eye candy but it's actually usable, stable, frequently updated and ships with a load of features, so your site will grow with your success!

Powerful Responsive Layout

A responsive layout adapts to the size of the viewing device, such as a desktop, smartphone or tablet, versus showing a separate layout.

Five Modes: Responses for phones, tablets & desktops.

Navigation: Basic select box menu system for smartphones.

Grid System: Responsive structure, up to 6 per row.

Support Classes: Visible & Hide classes for each response modes.

Grid System: Responsive structure, up to 6 per row.

Support Classes: Visible & Hide classes for each response modes.

 

Learn More

Custom Colors

Edit all the colors for this template to match with your corporate color scheme with a few click in the administration panel.

Use tools like Adobe Kuler to find the right color scheme for you if you are unsure and apply it to this template.

Learn More

View all styles live by appending ?presets=preset# or &presets=preset# to the end of your URL such as http://yoursite.com/index.php?presets=preset4.

In sequential order, Preset 1 - Preset 4. Please click on the image to load a live example of each style variation.

Bottom Position

Use "ct-first-bottom" to let the first module in position "bottom-a" appear like this. All other following modules in the same and other positions will look like below.

Bottom 1

Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor.

Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor.

Bottom 2

Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor.

Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor.