S3 Framework

####Create beautiful responsive Joomla templates more easier and faster.

S3 Framework Base Theme

The S3 Framework base theme is a clean modern responsive design that is a great place to start when building your custom S3 powered theme.

What is the S3 Responsive Framework?

S3 is a sophisticated framework with the sole intention of being the best platform to build a solid theme with. S3 takes all the lessons learned during the development of many Joomla templates Themes and distills that knowledge into a single super-flexible framework that is easy to configure, simple to extend, and powerful enough to handle anything we want to throw at it.

Key Features

• Responsive Design supporting Phone, Tablets and Desktops
• LESS CSS auto-compilation
• Flexible widgets for template customization
• Full extensible framework architecture
• Responsive elements with Bootstrap.
• Font Icons with Font Awesome.
• Less compiler as lessphp.
• Responsive Video with FitVids.js.

Features

• 12 Columns Grid System
• 300+ Module Positions
• Full width Modules Added in v3.2
• Suitable with any design
• IE7 and IE8 Supported
• Template Manager
• Custom Sitename
• Custom Logo
• Choose from Different Styles
• Enable Modules (component / component-top / component-(1 to 12) / component-bottom) to hide Component
• Show or hide component area on front page
• Show or hide main body container
• Custom theme's module styles with themes/style1/theme_modules.less file
• Less Development Mode Enable / Disable
• Use Google Analytics Code
• Show or Hide Copyright
• Show or Hide Framework Logo
• Use Custom Meta Generator

Style Options

• Custom Sitename
• Custom Logo
• Style Settings
• Choose from different Styles
• Front Page Settings
• Show Frontpage Articles or Hide it
• Show Main Body
• Hide Component (select menu to hide component on specific menu)

Libraries

• Use jQuery addScript (No: to load before everything, Yes: to load as addScript)
• Use Bootstrap
• Use Font Awesome
• Use Responsive Menu

Layout Settings

• Set Logo Column (by selecting logo column header module will be automaticaly adjusted)
• Set Sidebar Column (by selecting sidebar column page container will be automatically adjusted)
• Show Copyright "Default Show" (Hide or Show) when its hide the module still be available for this postion
• Show Credit "Default Show" (Hide or Show) when its hide the module still be available for this postion
• Show Framework Logo "Default Show" (Hide or Show)
• Fixed Header and Menu
• Fixed Header "Default Off" If you want to hide/show header and Menu on scroll up/down enable this option
• Fixed Header Text Color Added in v3.4
• Fixed Header Background Color Added in v3.4
• Header Height i.e. 150px Added in v3.4
• Ease Speed: Define header ease slideUp/slideDown speed in ms default 200
• Break Point: Type your break point (only number) i.e. (768 for tablet) fixed header will show on larger than break point defined here.

S3 Template Configuration

• Google Analytics
• Development Options
• Use Responsive Video "Default Off"
• Development Mode "Default Off" (CSS will be auto-compilation when off)
• js Hosted on CDN "Enable or Disable" By disabling this feature template will use all js files locally.
• Type Meta Generator

How To Use

Visit for Complete Documentation

Download, Fork, Commit.

If you think you can make this better, please Download, Fork, & Commit. We'd love to see your ideas.

License

The S3 Responsive Template System is opensource software released under the GPL.

Shaz3e's Website | @Shaz3e | Fan Page