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:

Folders Description
MAIN FOLDER        
  assets      
    css    
      font-awesome  
      glyphicons_free  
      glyphicons_pro  
      layouts  
      plugins Customized styles for some plugins
      theme Theme files
    font   A variety of icon fonts
    img   Images files
    js    
      demo JavaScript files used for the demos
      layouts JavaScript files used in the pages layouts
      plugins The source code for the used plugins
    less   Themes less files
  demo     Live preview of the admin & frontend demonstration
  docs     Documentation

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.

GlyphiconsPRO

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:

./assets/css/glyphicons/
./assets/fonts/glyphicons/

Isotope

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">
          <asideclass="social-sidebar">
             <!-- Sidebar content -->
          </aside>

          <header>
             <navclass="social-navbar">
                <!-- Topbar content -->
             </nav>
          </header>

          <div class="main">
             <!-- Content -->
          </div>
      </div>
   </body>
</html>

Stylesheets

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

<linkhref="./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" />

Themes

Admin Templates and Frontend Templates have four themes each. The LESS files are included so you can design your own themes easily.

Admin

  • Inverse
  • Green
  • Facebook
  • Blue Sidebar

Frontend

  • Blue
  • Green
  • Orange
  • Red