This product is being rebuilt from scratch. Follow us on Twitter so you can be up-to-date with the new version release date.
# Getting Started
Social is a responsive admin/frontend template compatible with Bootstrap v3 and latest jQuery versions. Social was developed for your backend (admin) and frontend applications. This template comes with easy to use components and a huge collection of plugins to custom some stuffs like dropdown menus, forms,buttons, tables, modal boxes, advanced charts and more, supported by all major browsers, tablets (IPads & others) and mobiles devices such as IPhone andAndroids Phones.
Please, if you found any bugs or have any suggestions, don't hesitate to let us know. We'll do our best to fix them as soon as possible.
# Internet Explorer & Firefox Issues
Internet Explorer 7 (and lower) and Firefox 3.x are not supported.
# Folders description
The folder structure of Social is very well organized, some of them are specific to certain things. There is a list of this folders below:
|plugins||Customized styles for some plugins|
|font||A variety of icon fonts|
|plugins||The source code for the used plugins|
|less||Themes less files|
|demo||Live preview of the admin & frontend demonstration|
# Premium Assets
The Reselling of this assets is prohibited and the license is non transferable. If you would like to use them as a part of another product of your own, you have to buy another license.
This template includes Glyphicons PRO, an Icons Set with a USD 59 value, but totally free with this purchase.
You can find the stylesheets and the font icons files in:
An jQuery plugin for magical layouts
Isotope isa free plugin but if you want to use it in commercial projects and applications, it is necessary to purchase a commercial license. More info here.
# Basic layout
The sidebar content must be placed before the Topbar content.
<html> <head> <!-- Head content --> </head> <body> <div class="wrapper"> <aside class="social-sidebar"> <!-- Sidebar content --> </aside> <header> <nav class="social-navbar"> <!-- Topbar content --> </nav> </header> <div class="main"> <!-- Content --> </div> </div> </body> </html>
There are two important topics to consider:
- The admin & frontend designs have their own stylesheet file.
- The Style for the free version of the Bootstrap Glyphicons icon has been separated.
You need the include the core
<link href="./assets/css/social.core.css" rel="stylesheet">
Depending on whether you are coding a frontend or backend (admin) page, you must choose the appropriate css file:
<!-- Admin --> <link href="./assets/css/social.admin.css" rel="stylesheet" /> <!-- Frontend --> <link href="./assets/css/social.frontend.css"rel="stylesheet" />
Admin Templates and Frontend Templates have four themes each. The LESS files are included so you can design your own themes easily.
- Blue Sidebar