Articles and Templates Collection

This catalog page features representative articles and a collection of the best Nickgenom templates taken from various interesting sources on the internet

starbootstrap.webp
Bootstrap, Modification, Template

SB Admin + Modification

Azkiya
06 October 2020

SB Admin is a free and open source MIT licensed Bootstrap admin template. This template uses the default Bootstrap 4 style along with various plugins to create a powerful framework for creating admin panels, web apps, or dashboard UIs for your next project.

This Bootstrap 4-style SB Admin template is published by Start Bootstrap. Start Bootstrap is an open source library of free Bootstrap templates and themes. All the free templates and themes in Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.

Original Source

This template has previously been published on the website Start Bootstrap

Licence

MIT - 2013-2020 Start Bootstrap LLC and created by David Miller.

Feature

  • SCSS based theme with built-in scripts for compiling Pug and CSS
  • Flexbox based layout with fixed and static navigation options
  • Changeable sidebar menu with intuitive toggle states
  • Custom panel style
  • Interactive charts with the Chart.js plugin plugin
  • Interactive tables with the dataTables plugin plugin
  • Login, Registration, Forgot Password, 404 page and blank starter HTML

Main Technology (original)

  • bootstrap v.4.5.0
  • autoprefixer v.9.8.0
  • browser-sync v.2.26.7
  • chokidar v.3.4.0
  • concurrently v.5.2.0
  • postcss v.7.0.32
  • prettier v.2.0.5
  • pug v.3.0.0
  • sass v.1.26.8
  • shelljs v.0.8.4
  • upath v.1.2.0

Modification

  • Minify JS using Terser v4.8.0
  • Minify CSS using Less v3.11.3
  • Support source MAP JS (customized)
  • Support source MAP CSS (customized)
  • .pug file optimization
  • .html file optimization
  • .css file optimization file
  • .scss file optimization
  • .js file optimization
  • Add node_modules folder folder
  • Install the latest Dependencies:
    • bootstrap v.4.5.2
    • autoprefixer v.10.0.1
    • browser-sync v.2.26.12
    • chokidar v.3.4.2
    • concurrently v.5.3.0
    • postcss v.8.1.1
    • prettier v.2.1.2
    • pug v.3.0.0
    • sass v.1.26.12
    • shellj v.^0.8.4
    • upath v.1.2.0
  • Font Awesome 5.14.0
  • Updating CSS assets from :
     <link href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css" rel="stylesheet" crossorigin="anonymous" />
  • Updating CSS assets to :
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
    <link href="https://cdn.datatables.net/1.10.22/css/dataTables.bootstrap4.min.css" rel="stylesheet" crossorigin="anonymous" />
  • Updating JS assets from :
    <script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js" crossorigin="anonymous"></script>
  • Updating JS assets to :
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
    <script src="js/scripts.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js" integrity="sha512-YSdqvJoZr83hj76AIVdOcvLWYMWzy6sJyIMic2aQz5kh2bPTd9dzY3NtdeEAzPp/PhgZqr4aJObB3ym/vsItMg==" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" integrity="sha512-s+xg36jbIujB2S2VKfpGmlC3T5V2TF3lY48DX7u2r9XzGzgPsa6wTpOQA7J9iffvdeBN0q9tKzRxVxw1JviZPg==" crossorigin="anonymous"></script>
    <script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.datatables.net/1.10.22/js/dataTables.bootstrap4.min.js" crossorigin="anonymous"></script>
  • CSS assets added to the head tag :
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
  • JS assets added above the /body tag :
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js" integrity="sha512-YSdqvJoZr83hj76AIVdOcvLWYMWzy6sJyIMic2aQz5kh2bPTd9dzY3NtdeEAzPp/PhgZqr4aJObB3ym/vsItMg==" crossorigin="anonymous"></script>

Template Repair

No fix

Installation options

To use this template, you can use the source from Nickgenom by downloading this template, or select one of the following options :

Running SB Admin modification template

It's very simple, all you need is this :

  • Open the browser that has been installed on your computer; Chrome, Mozilla Firefox and so on
  • Then, open the SB Admin project folder
  • Double click on the html file you want to open
  • Finished !!!.

GOOD LUCK. GOOD LUCK !



Leave a Comment

Send reply
24027 seen

1-1 from 1

Reply to this discussion

You can't edit posts or create replies: You must be logged in before you can post.

Words of wisdom

" Every night I always imagine his face, because every day I collect the debt always pretending I don't have any money. "

Article Reference :

Modern CMS Website Platform

Tags post: Reference 05 August 2021

Different Types of Licenses

Tags post: Code, Reference 29 September 2020

CSS | Popular terms on the website

Tags post: Code, Reference 15 September 2020

HTML | Popular terms on the website

Tags post: Code, Reference 13 September 2020

Animation Collection Use Codepens

Tags post: Code, Reference 07 September 2020

Website Template Collection :

About
Rss
  • Free Articles | Articles and Templates Collection https://nickgenom.com/en/forum Artikel dan Koleksi Template https://nickgenom.com/en/topic-forum/artikel-dan-koleksi-template-2 Wed, 20 Oct 2021 00:11:34 +0000

    apa sih ini?
    Artikel dan Koleksi Template https://nickgenom.com/en/topic-forum/artikel-dan-koleksi-template Mon, 18 Oct 2021 20:10:22 +0000