https://github.com/hurricanemark/scm-bootstrap-template

SCM admin template using Bootstrap v3.3.7 -- HTML, CSS, and JS framework
https://github.com/hurricanemark/scm-bootstrap-template

bootstrap3-37 css framework-component framework-css frontend-web html javascript

Last synced: 7 months ago
JSON representation

SCM admin template using Bootstrap v3.3.7 -- HTML, CSS, and JS framework

• Host: GitHub
• URL: https://github.com/hurricanemark/scm-bootstrap-template
• Owner: hurricanemark
• Created: 2020-01-21T02:42:01.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-01-21T06:08:07.000Z (over 5 years ago)
• Last Synced: 2025-01-27T05:27:12.585Z (8 months ago)
• Topics: bootstrap3-37, css, framework-component, framework-css, frontend-web, html, javascript
• Language: HTML
• Size: 466 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
##  Build A SCM Admin Bootstrap Theme From Scratch

'''

Bootstrap v3.3.7 -- HTML, CSS, and JS framework 

'''

Date: 01/17/2020

Project: Build A SCM Admin Bootstrap Theme From Scratch

Environment: Windows 10

Reference: 

[Traversy Media](https://www.youtube.com/watch?v=pXbEcGUtHgo)

[Bootstrap](https://getbootstrap.com), 

[CKEditor](http://cdn.ckeditor.com/), 

[TWBSColor](https://work.smarchal.com/twbscolor/)

### Tech stack: Javascript, CSS, HTML Bootstrap, 

## Application Snapshots

**Login**

![Login](https://github.com/hurricanemark/SCM-bootstrap-template/blob/master/assets/img/Login.PNG)

**Dashboard**

![Dashboard](https://github.com/hurricanemark/SCM-bootstrap-template/blob/master/assets/img/Dashboard.PNG)

**Pages**

![Pages](https://github.com/hurricanemark/SCM-bootstrap-template/blob/master/assets/img/Pages.PNG)

**Page Editor**

![PageEditor](https://github.com/hurricanemark/SCM-bootstrap-template/blob/master/assets/img/PageEditor.PNG)

**Users**

![Users](https://github.com/hurricanemark/SCM-bootstrap-template/blob/master/assets/img/Users.PNG)

## Implementation Notes

1.  Created folder E:\BOOTSTRAP-PRJ

2.  Create a file named index.html.

3.  (Ctrl-u to view html source.  Or, prepend view-source: in front of the url) Open url: view-source:https://getbootstrap.com/docs/3.4/examples/starter-./templates/

    copy the source content  and paste it to index.html

4.  Go through the index.html file and delete unneccessary code; to simplify the design of the dashboard.

5.  Create css/style.css to overide default stylesheet.  Purpose, to resize the navbar making it smaller.

6.  Use color scheme from URL: http://work.smarchal.com/twbscolor/

...

7.  Most components and javascripts can be found, coppied and pasted from https://getbootstrap.com/docs/3.4/customize/

8.  Use http://cdn.ckeditor.com/ to speed up CKEditor code

## Todos

Impelement backend to complete MEAN or MERN application stack.