Preadmin

Preadmin - Bootstrap Admin Template

Created on: 20/Feb/2018
Developed by: Dreamguy's Technologies
Support via email: admin@dreamguys.co.in
Support via ThemeForest: Take me there
Preadmin is a one of the best multipurpose bootstrap admin template. Preadmin template have 6 themes including RTL template. It has over 15+ tools that will help your business grow and enjoy the work in a team. A lead in Preadmin is multipurpose object containing information(Blog, Ecommerce, Voice and Video call, Chat system, File exchange, Task management and more) of a client, project, Team.

The Preadmin is a simple, intelligent and user-friendly solution that offers many kinds of technology modules to help in your requirements. The Preadmin is fully customizable, so you can change it, if necessary.

Thank you for purchasing our template!

Installation

Unzipping Template Package

After unzipping Template Files, you will find our product Preadmin->Blue(Source code), Documentation, and License in the following Main Files folder.
Open HTML folder, copy all files and paste in your localhost or server root folder. Now you can run this Template in any web browser from your PC or Laptop.

For example, localhost/Preadmin/index.html or www.example.com/index.html

Requirements

Working with our Preadmin product, before going to edit all the HTML, CSS and JS files you will need a text editor.

In this case, we recommended the Sublime Text 3 editor as it allows you to edit the files efficiently and all the editable files are located in "Preadmin->blue" folder.

File Structure

File Structure - is the way you organize your folders and files on your computer. Keeping all your documents under one folder is a great way to keep organized and make things easy for backing up your computer.

Preadmin/
  ├── blue/                           // Blue Color Theme
      ├── assets/                     // All Theme Assets files
	      ├── css/                // All css into this folder
	      ├── fonts/              // All fonts into this folder
	      ├── images/             // All images into this folder
	      ├── js/                 // All js into this folder
	      ├── plugins/            // Third party plugins into this folder
      ├── index.html                  // Main index page
      ├── rest of the html pages      // Remaining html pages
  ├── dark/                           // Dark Color Theme
  ├── light/                          // Light Color Theme
  ├── orange/                         // Orange Color Theme
  ├── purple/                         // Purple Color Theme
  ├── rtl/                            // RTL Theme
  ├── documentation/                  // Documentation files

Html Structure

Structure of an HTML Document. An HTML document has two main parts: the head and the body. But firstly every HTML document should start by declaring that it is an HTML document. These tags are of the form: <html> Should appear at the beginning of your document. </html> Should appear at the end of your document.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
  <title>Preadmin - Bootstrap Admin Template</title>
  <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico">
  <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600,700" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/fullcalendar.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/dataTables.bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/select2.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/bootstrap-datetimepicker.min.css">
  <link rel="stylesheet" type="text/css" href="assets/plugins/morris/morris.css">
  <link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
  <body>
    <div class="main-wrapper">
       <div class="header">
       </div>
       <div class="sidebar" id="sidebar">
       </div>
       <div class="page-wrapper"> 
	   <div class="content container-fluid">
	   </div>
       </div>
    </div>
    <div class="sidebar-overlay" data-reff="#sidebar"></div>
    <script type="text/javascript" src="assets/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="assets/js/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="assets/js/select2.min.js"></script>
    <script type="text/javascript" src="assets/js/moment.min.js"></script>
    <script type="text/javascript" src="assets/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="assets/plugins/morris/morris.min.js"></script>
    <script type="text/javascript" src="assets/plugins/raphael/raphael-min.js"></script>
    <script type="text/javascript" src="assets/js/app.js"></script>
  </body>
</html>

Font Usage

Fonts used in Preadmin Web App template:

Fira Sans — for all text

Check it on the Google Fonts.

<link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600,700" rel="stylesheet">

Credits

We've used the following resources as listed. These are some awesome creation and we are thankful to the community.

Support

You get full life-time support with this item. If you need some help or found a bug or issue with the template, You can always contact us at here via email and we will respond to you within 1 day.

Change LOG

v1.0 (20.Feb.2017) - Initial Release