Skip to main content

Introduction

Welcome to Suffie, a responsive, flat and full featured admin template. This template is built on Bootstrap 3 framework using modern techniques like HTML5 and CSS3 to be used for backend solutions of any size.

Support Requests

Browser support is targeted at IE9+, Google Chrome, Mozilla Firefox, Apple Safari, Opera and all Android and iOS mobile browsers. For browsers not in this list, support is not available.

Documentation Scope

This documentation is targeted to explain structures like files and directories, template, CSS and JavaScript or how you can configure the template. Since this template is built on top of the excellent Bootstrap 3 framework, you main source of documentation is here: http://getbootstrap.com/css/

This documentation is also written in a style that assumes you already know the basics of CSS, JavaScript and HTML, so only the usage and concept of this template's elements that's going to be covered here.

Getting Started

To get started, just browse through the demonstration pages. Use Chrome Developer Tools (Chrome), Firebug (Firefox) or similar plugins to analyze the code. To get a deeper understanding of the code, open the HTML and JS files and read through the commented code.

Use the blank.html and start right away building your own pages.



Files and Directories



Layout and structure

  • Header
  • Top Menu
  • Side Menu
  • Content
  • Footer

Header

Header code below

                               



    
    
    
    
    
    

     
    
    

    
    
    
    
    
    


                              

Side Menu

Menu for navigation, showing profile and primary functions such as logout, full screen and settings

Content

Main content wrapper with the heading and page content


Example Some examples to get you started

Lorem ipsum.
Lorem ipsum dolor sit amet.


Credits and Thanks

Name URL
jQuery http://jquery.com/
jQuery Sparkline http://omnipotent.net/jquery.sparkline/
Auto resize textarea http://www.jacklmoore.com/autosize/
Google Charts https://developers.google.com/chart/interactive/docs/gallery
bootstrap-wysihtml5 http://jhollingworth.github.io/bootstrap-wysihtml5/
DataTables https://github.com/DataTables/DataTables
Bootstrap-progressbar https://github.com/minddust/bootstrap-progressbar
FullCalendar https://github.com/arshaw/fullcalendar
Font Awesome http://fortawesome.github.io/Font-Awesome/
Chart JS https://github.com/driftyco/ionicons https://github.com/chartjs/Chart.js
Chartist https://github.com/chartist-js/chartist
Cropper https://github.com/fengyuanchen/cropperjs
DateJS https://github.com/abritinthebay/datejs
FastClick https://github.com/ftlabs/fastclick
Filterizr https://github.com/giotiskl/filterizr/
Flag-icon http://github.com/lipis/flag-icon-css
FlipClock https://github.com/objectivehtml/FlipClock
Flot https://github.com/flot/
CurvedLines https://github.com/MichaelZinsmaier/CurvedLines
Flot-orderBars https://github.com/emmerich/flot-orderBars
Flot-spline https://github.com/JohnPozy/flot-spline
Fullcalendar http://fullcalendar.io/
Jquery.hotkeys http://github.com/jeresig/jquery.hotkeys
Material-cards https://github.com/marlenesco/material-cards
Moment https://github.com/moment/moment
Morris https://github.com/morrisjs/morris.js
Nprogress https://github.com/rstacruz/nprogress
Pace https://github.com/HubSpot/pace
PrettyPhoto-jquery http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/
Sweetalert http://tristanedwards.me/sweetalert