Fotis

Fotis

01 06 2013

nuMuzik is a bold and engaging template for music and media related websites. It features magazine-style layouts and large typography that makes the content stand out with big headlines, edge-to-edge feature images and careful use of white space.

BusinessOne is going to amaze you with it's flexibility, style and customisation options that can adapt to any corporate and portfolio presentation. It comes with 3 pre-built design variations: Construction, Medical and Technology each with it's own content block configuration and visual style.

Building e-commerce sites doesn't have to be hard or full of compromises. Toreda uses the power and flexibility of K2 combined with K2Store (and J2Store for Joomla articles) to bring you an extremely easy way to setup and manage your online store.

A flexible one-page template for any kind of corporate presentation or creative portfolio. Archetype comes with multiple layout options, 6 built-in colour variations and the ability to setup your own variation using the template options in the Joomla backend. 

RadioWave is a fully featured template for online radio stations and music portals with built-in support for Radiojar, a popular web based service that lets you easily setup and manage your online radio station.

A sharp looking template built for events, conferences as well as any type of presentation for your app or service. Ibento comes with a customisable single page layout, custom colour variations, background video section, parallax views, and cutting edge animated transitions that leave a memorable impression.

01 03 2014

Built and optimized for content-heavy websites like news portals and online magazines, Kiji comes with a rich feature set including a smart layout system, multiple ways to present your content, a dynamic mega menu and custom colours for each section of your content.

01 04 2014

Matchbox is a general purpose template that is strikingly simple, yet impressive and friendly. Use it to build your next business, service, app-related presentation or anything inbetween.

Anagram is an excellent choice for your business and portfolio showcase as well as any other type of general purpose presentation thanks to the template's minimal design and customisation options. Select from a wide variety of content blocks such as feature grids, video background sections, news feeds and testimonials, to create your own unique setup. The entire template is responsive so that your website looks great on mobile and tablet devices too.

Setting up our Demo

As you can see our template only uses the component views, category, user, tag item lists and item views.

Template functionality.

From the template’s settings view apart from the colours, you can also control most of the template’s functionality.

Choose between off canvas and normal navigation
Use your own colour variations
Enter your social links
Select the main text and header font.

All these settings are located in template’s parameters.

Setting up the menus.

In the template’s parameters (template specific tab) as mentioned above you can select the look and feel of your menu.
Whether you choose the off canvas navigation or the inline menu all you need to do is to publish your menu in the tamashi_Menu position.

Using a custom menu

This template offers you the ability to use one level custom menus in both the header of the site and the footer of the site.
The module position for these menus is tamashi_Footer_1.

K2 Content and Categories setup

This template offers a simple Ghost inspired blog layout.
Due to the nature of this template higher quality/sizes images are required.

K2 Content module templates

There is a template override for the K2 Content module. You can see it in the sidebar (see the demo site for more information). To use this template in the sidebar you should use the default-listing module class.

Icon Fonts

We have included the Entypo family from fontello.com as well as the Simple Line icons.

You can download the font family and view the complete glyph guide from: http://graphicburger.com/simple-line-icons-webfont/

Animations
You can easily create your own animations using using using natural, declarative language

<!-- Reveal using custom parameters. -->
<divdata-scroll-reveal="enter left and move 50px over 1.33s"]]]]]]> Foo </div><divdata-scroll-reveal="enter from the bottom after 1s"]]]]]]> Bar </div><divdata-scroll-reveal="wait 2.5s and then ease-in-out 100px"]]]]]]> Baz </div>
More information can be found at http://scrollrevealjs.org/ and https://github.com/julianlloyd/scrollReveal.js

Module positions

  • tamashi_Logo
  • tamashi_Menu
  • tamashi_Right
  • tamashi_Top
  • tamashi_Component
  • tamashi_Footer_1
  • tamashi_Footer_2

Image Size

The following image sizes are recommended for this template:

  • XSmall 150
  • Small 260
  • Medium 400
  • Large 900
  • XLarge 1280
  • Generic 900
  • Category Image 100
  • Avatar Size 100
  • Commenter Image 48

Module Suffixes

  • .left adds a float:left to a block.
  • .right adds a float:right to a block.
  • .text-center adds a center alignment to a block.
  • .text-right adds a right text alignment to a block.
  • .text-left adds a left text alignment to a block.
  • .default-listing for the K2 item listings.

Additional Components

Apart from the K2 component we offer CSS styling for the following components
com_contact (form only)
com_users ( all views )
com_search
com_weblinks
com_newsfeeds

Commercial Extensions

Simple Image Gallery Pro - After installing it go to the Extension's parameters Layout template for image galleries and choose the one named after the template, i.e. matchbox and matchbox_module.

For developers and enthusiasts

The Grid

We are using ZURB's foundation grid for this template. You can find out more about foundation here: http://foundation.zurb.com/

Addtionally we have added a grid for larger (xl) and very large (xxl) viewports.

Block Grid - for developers and enthusiasts

We have included Foundation's block grid.
More info can be found here. http://foundation.zurb.com/docs/components/block-grid.html

Visibility Classes

If you need complete control over your modules in responsive states we 've got you covered. This template uses the power of the The most advanced responsive front-end framework in the world, ZURB's foundation.

.hide-for-small Hides the module in viewports bellow 900px
.show-for-small Shows the module in viewports bellow 900px
.hide-for-medium Hides the module in viewports above 768px and bellow 1279px
.hide-for-medium-up Hides the module in viewports above 768px
.show-for-medium Shows the module in viewports above 768px and bellow 1279px
.show-for-medium-up Shows the module in viewports above 768px
.show-for-medium-down Shows the module in viewports bellow 1279px
.show-for-large Shows the module in viewports above 1280px and bellow 1440px
.show-for-large-up Shows the module in viewports above 1280px
.hide-for-large Hides the module in viewports above 1280px and bellow 1440px
.hide-for-large-up Hides the module in viewports above 1280px
.show-for-xlarge Shows the module in viewports above 1440px
.hide-for-xlarge Hides the module in viewports above 1440px
.show-for-landscape Shows the module in the landscape orientation
.hide-for-landscape Hides the module in the landscape orientation
.show-for-portrait Shows the module in the portrait orientation
.hide-for-portrait Hides the module in the portrait orientation

All these classes are located in the template.css and can be easily expanded and/or edited and can be used for every block of your template, not just your modules.

More info can be found here: http://foundation.zurb.com/docs/components/visibility.html

k2.css

As you might have noticed this template does not use the default k2.css. We have completely rewritten all the template's styles to be more efficient. In case you download the standalone template package we have included a blank k2.css file in our distribution to avoid 'breaking' you site.

SASS Support

In your template's /css folder you will find a /src subfolder. There you will find all out .sass files.
We have also used Bourbon which is a simple and lightweight mixin library for Sass

What is SASS: http://sass-lang.com/
What is Bourbon: http://bourbon.io/

Visual Walkthrough