File Structure
Black Dashboard PRO is a premium Bootstrap 4 Admin Template.
Black Dashboard PRO Structure
Once you have downloaded the archive and opened it, you will find the following structure:
│ .env
│ .env.example
│ .gitattributes
│ .gitignore
│ .styleci.yml
│ artisan
│ CHANGELOG.md
│ composer.json
│ composer.lock
│ ISSUE_TEMPLATE.md
│ package.json
│ phpunit.xml
│ README.md
│ server.php
│ webpack.mix.js
│ yarn.lock
│
├───app
│ │ Category.php
│ │ Item.php
│ │ Role.php
│ │ Tag.php
│ │ User.php
│ │
│ ├───Console
│ │ Kernel.php
│ │
│ ├───Exceptions
│ │ Handler.php
│ │
│ ├───Http
│ │ │ Kernel.php
│ │ │
│ │ ├───Controllers
│ │ │ │ CategoryController.php
│ │ │ │ ComponentPagesController.php
│ │ │ │ Controller.php
│ │ │ │ ExamplePagesController.php
│ │ │ │ FormPagesController.php
│ │ │ │ HomeController.php
│ │ │ │ ItemController.php
│ │ │ │ MapPagesController.php
│ │ │ │ ProfileController.php
│ │ │ │ RoleController.php
│ │ │ │ TablePagesController.php
│ │ │ │ TagController.php
│ │ │ │ UserController.php
│ │ │ │
│ │ │ └───Auth
│ │ │ ForgotPasswordController.php
│ │ │ LoginController.php
│ │ │ RegisterController.php
│ │ │ ResetPasswordController.php
│ │ │ VerificationController.php
│ │ │
│ │ ├───Middleware
│ │ │ Authenticate.php
│ │ │ CheckForMaintenanceMode.php
│ │ │ EncryptCookies.php
│ │ │ RedirectIfAuthenticated.php
│ │ │ TrimStrings.php
│ │ │ TrustProxies.php
│ │ │ VerifyCsrfToken.php
│ │ │
│ │ └───Requests
│ │ CategoryRequest.php
│ │ ItemRequest.php
│ │ PasswordRequest.php
│ │ ProfileRequest.php
│ │ RoleRequest.php
│ │ TagRequest.php
│ │ UserRequest.php
│ │
│ ├───Observers
│ │ ItemObserver.php
│ │ UserObserver.php
│ │
│ ├───Policies
│ │ CategoryPolicy.php
│ │ ItemPolicy.php
│ │ RolePolicy.php
│ │ TagPolicy.php
│ │ UserPolicy.php
│ │
│ ├───Providers
│ │ AppServiceProvider.php
│ │ AuthServiceProvider.php
│ │ BroadcastServiceProvider.php
│ │ EventServiceProvider.php
│ │ RouteServiceProvider.php
│ │
│ └───Rules
│ CurrentPasswordCheckRule.php
│
├───bootstrap
│ │ app.php
│ │
│ └───cache
│ .gitignore
│ packages.php
│ services.php
│
├───config
│ app.php
│ auth.php
│ broadcasting.php
│ cache.php
│ database.php
│ filesystems.php
│ hashing.php
│ items.php
│ logging.php
│ mail.php
│ queue.php
│ services.php
│ session.php
│ view.php
│
├───database
│ │ .gitignore
│ │
│ ├───factories
│ │ UserFactory.php
│ │
│ ├───migrations
│ │ 2014_10_12_100000_create_password_resets_table.php
│ │ 2019_01_15_100000_create_roles_table.php
│ │ 2019_01_15_110000_create_users_table.php
│ │ 2019_01_17_121504_create_categories_table.php
│ │ 2019_01_21_130422_create_tags_table.php
│ │ 2019_01_21_163402_create_items_table.php
│ │ 2019_01_21_163414_create_item_tag_table.php
│ │ 2019_03_06_132557_add_photo_column_to_users_table.php
│ │ 2019_03_06_143255_add_fields_to_items_table.php
│ │ 2019_03_20_090438_add_color_tags_table.php
│ │
│ └───seeds
│ CategoriesTableSeeder.php
│ DatabaseSeeder.php
│ ItemsTableSeeder.php
│ RolesTableSeeder.php
│ TagsTableSeeder.php
│ UsersTableSeeder.php
│
├───public
│ │ .htaccess
│ │ favicon.ico
│ │ index.php
│ │ robots.txt
│ │
│ ├───black
│ │ ├───css
│ │ │ black-dashboard.css
│ │ │ black-dashboard.css.map
│ │ │ black-dashboard.min.css
│ │ │ nucleo-icons.css
│ │ │
│ │ ├───demo
│ │ │ │ demo.css
│ │ │ │ demo.js
│ │ │ │ docs.css
│ │ │ │ docs.min.css
│ │ │ │ docs.min.js
│ │ │ │ jquery.sharrre.js
│ │ │ │
│ │ │ ├───src
│ │ │ │ application.js
│ │ │ │
│ │ │ └───vendor
│ │ │ anchor.min.js
│ │ │ clipboard.min.js
│ │ │ holder.min.js
│ │ │ split.min.js
│ │ │
│ │ ├───fonts
│ │ │ nucleo.eot
│ │ │ nucleo.ttf
│ │ │ nucleo.woff
│ │ │ nucleo.woff2
│ │ │
│ │ ├───img
│ │ │ apple-icon.png
│ │ │ asc.gif
│ │ │ AU.png
│ │ │ bg.gif
│ │ │ bg1.jpg
│ │ │ bg13.jpg
│ │ │ bg14.jpg
│ │ │ bg15.jpg
│ │ │ bg16.jpg
│ │ │ bg3.jpg
│ │ │ bg5.jpg
│ │ │ BR.png
│ │ │ card-danger.png
│ │ │ card-info.png
│ │ │ card-primary.png
│ │ │ card-success.png
│ │ │ card-warning.png
│ │ │ DE.png
│ │ │ default-avatar.png
│ │ │ desc.gif
│ │ │ emilyz.jpg
│ │ │ favicon.png
│ │ │ GB.png
│ │ │ gucci.png
│ │ │ header.jpg
│ │ │ image_placeholder.jpg
│ │ │ img_3115.jpg
│ │ │ jacket.png
│ │ │ james.jpg
│ │ │ jana.jpg
│ │ │ lora.jpg
│ │ │ mike.jpg
│ │ │ placeholder.jpg
│ │ │ RO.png
│ │ │ robi.jpg
│ │ │ saint-laurent.jpg
│ │ │ t-shirt.png
│ │ │ tania.jpg
│ │ │ US.png
│ │ │
│ │ ├───js
│ │ │ │ app.js
│ │ │ │ black-dashboard.js
│ │ │ │ black-dashboard.js.map
│ │ │ │ black-dashboard.min.js
│ │ │ │ settings.js
│ │ │ │
│ │ │ ├───core
│ │ │ │ bootstrap.min.js
│ │ │ │ jquery.min.js
│ │ │ │ popper.min.js
│ │ │ │
│ │ │ └───plugins
│ │ │ bootstrap-datetimepicker.js
│ │ │ bootstrap-notify.js
│ │ │ bootstrap-selectpicker.js
│ │ │ bootstrap-switch.js
│ │ │ bootstrap-tagsinput.js
│ │ │ chartjs.min.js
│ │ │ fullcalendar.min.js
│ │ │ jasny-bootstrap.min.js
│ │ │ jquery-jvectormap.js
│ │ │ jquery.bootstrap-wizard.js
│ │ │ jquery.dataTables.min.js
│ │ │ jquery.tablesorter.js
│ │ │ jquery.validate.min.js
│ │ │ moment.min.js
│ │ │ nouislider.min.js
│ │ │ perfect-scrollbar.jquery.min.js
│ │ │ sweetalert2.min.js
│ │ │
│ │ └───scss
│ │ │ black-dashboard.scss
│ │ │
│ │ └───black-dashboard
│ │ ├───bootstrap
│ │ │ │ _alert.scss
│ │ │ │ _badge.scss
│ │ │ │ _breadcrumb.scss
│ │ │ │ _button-group.scss
│ │ │ │ _buttons.scss
│ │ │ │ _card.scss
│ │ │ │ _carousel.scss
│ │ │ │ _close.scss
│ │ │ │ _code.scss
│ │ │ │ _custom-forms.scss
│ │ │ │ _dropdown.scss
│ │ │ │ _forms.scss
│ │ │ │ _functions.scss
│ │ │ │ _grid.scss
│ │ │ │ _images.scss
│ │ │ │ _input-group.scss
│ │ │ │ _jumbotron.scss
│ │ │ │ _list-group.scss
│ │ │ │ _media.scss
│ │ │ │ _mixins.scss
│ │ │ │ _modal.scss
│ │ │ │ _nav.scss
│ │ │ │ _navbar.scss
│ │ │ │ _pagination.scss
│ │ │ │ _popover.scss
│ │ │ │ _print.scss
│ │ │ │ _progress.scss
│ │ │ │ _reboot.scss
│ │ │ │ _root.scss
│ │ │ │ _tables.scss
│ │ │ │ _tooltip.scss
│ │ │ │ _transitions.scss
│ │ │ │ _type.scss
│ │ │ │ _utilities.scss
│ │ │ │ _variables.scss
│ │ │ │
│ │ │ ├───mixins
│ │ │ │ _alert.scss
│ │ │ │ _background-variant.scss
│ │ │ │ _badge.scss
│ │ │ │ _border-radius.scss
│ │ │ │ _box-shadow.scss
│ │ │ │ _breakpoints.scss
│ │ │ │ _buttons.scss
│ │ │ │ _caret.scss
│ │ │ │ _clearfix.scss
│ │ │ │ _float.scss
│ │ │ │ _forms.scss
│ │ │ │ _gradients.scss
│ │ │ │ _grid-framework.scss
│ │ │ │ _grid.scss
│ │ │ │ _hover.scss
│ │ │ │ _image.scss
│ │ │ │ _list-group.scss
│ │ │ │ _lists.scss
│ │ │ │ _nav-divider.scss
│ │ │ │ _pagination.scss
│ │ │ │ _reset-text.scss
│ │ │ │ _resize.scss
│ │ │ │ _screen-reader.scss
│ │ │ │ _size.scss
│ │ │ │ _table-row.scss
│ │ │ │ _text-emphasis.scss
│ │ │ │ _text-hide.scss
│ │ │ │ _text-truncate.scss
│ │ │ │ _transition.scss
│ │ │ │ _visibility.scss
│ │ │ │
│ │ │ └───utilities
│ │ │ _align.scss
│ │ │ _background.scss
│ │ │ _borders.scss
│ │ │ _clearfix.scss
│ │ │ _display.scss
│ │ │ _embed.scss
│ │ │ _flex.scss
│ │ │ _float.scss
│ │ │ _position.scss
│ │ │ _screenreaders.scss
│ │ │ _shadows.scss
│ │ │ _sizing.scss
│ │ │ _spacing.scss
│ │ │ _text.scss
│ │ │ _visibility.scss
│ │ │
│ │ └───custom
│ │ │ _alerts.scss
│ │ │ _avatars.scss
│ │ │ _badge.scss
│ │ │ _buttons.scss
│ │ │ _card.scss
│ │ │ _checkboxes-radio.scss
│ │ │ _close.scss
│ │ │ _custom-forms.scss
│ │ │ _dropdown.scss
│ │ │ _example-pages.scss
│ │ │ _fixed-plugin.scss
│ │ │ _footer.scss
│ │ │ _forms.scss
│ │ │ _functions.scss
│ │ │ _global.scss
│ │ │ _grid.scss
│ │ │ _icons.scss
│ │ │ _images.scss
│ │ │ _info-areas.scss
│ │ │ _input-group.scss
│ │ │ _misc.scss
│ │ │ _mixins.scss
│ │ │ _modal.scss
│ │ │ _nav.scss
│ │ │ _navbar.scss
│ │ │ _pagination.scss
│ │ │ _pills.scss
│ │ │ _popover.scss
│ │ │ _progress.scss
│ │ │ _reboot.scss
│ │ │ _rtl.scss
│ │ │ _sidebar-and-main-panel.scss
│ │ │ _tables.scss
│ │ │ _tabs.scss
│ │ │ _timeline.scss
│ │ │ _type.scss
│ │ │ _utilities.scss
│ │ │ _variables.scss
│ │ │
│ │ ├───cards
│ │ │ _card-animation-on-hover.scss
│ │ │ _card-chart.scss
│ │ │ _card-collapse.scss
│ │ │ _card-contributions.scss
│ │ │ _card-lock.scss
│ │ │ _card-map.scss
│ │ │ _card-plain.scss
│ │ │ _card-pricing.scss
│ │ │ _card-profile.scss
│ │ │ _card-register.scss
│ │ │ _card-stats-mini.scss
│ │ │ _card-stats.scss
│ │ │ _card-subcategories.scss
│ │ │ _card-task.scss
│ │ │ _card-testimonials.scss
│ │ │ _card-user.scss
│ │ │ _card-wizard.scss
│ │ │
│ │ ├───mixins
│ │ │ opacity.scss
│ │ │ _alert.scss
│ │ │ _background-variant.scss
│ │ │ _badges.scss
│ │ │ _buttons.scss
│ │ │ _dropdown.scss
│ │ │ _forms.scss
│ │ │ _icon.scss
│ │ │ _inputs.scss
│ │ │ _modals.scss
│ │ │ _page-header.scss
│ │ │ _popovers.scss
│ │ │ _vendor-prefixes.scss
│ │ │ _wizard.scss
│ │ │
│ │ ├───utilities
│ │ │ _backgrounds.scss
│ │ │ _floating.scss
│ │ │ _helper.scss
│ │ │ _position.scss
│ │ │ _shadows.scss
│ │ │ _sizing.scss
│ │ │ _spacing.scss
│ │ │ _text.scss
│ │ │ _transform.scss
│ │ │
│ │ └───vendor
│ │ _plugin-animate-bootstrap-notify.scss
│ │ _plugin-bootstrap-select.scss
│ │ _plugin-bootstrap-switch.scss
│ │ _plugin-card-wizard.scss
│ │ _plugin-datatables.net.scss
│ │ _plugin-datetimepicker.scss
│ │ _plugin-fullcalendar.scss
│ │ _plugin-jasny-fileupload.scss
│ │ _plugin-jquery.jvectormap.scss
│ │ _plugin-nouislider.scss
│ │ _plugin-perfect-scrollbar.scss
│ │ _plugin-sweetalert2.scss
│ │ _plugin-tagsinput.scss
│ │
│ └───storage
│ │ .gitignore
│ │
│ ├───pictures
│ │
│ │
│ └───profile
│
│
├───resources
│ ├───lang
│ │ └───en
│ │ auth.php
│ │ pagination.php
│ │ passwords.php
│ │ validation.php
│ │
│ └───views
│ │ home.blade.php
│ │ welcome.blade.php
│ │
│ ├───alerts
│ │ errors.blade.php
│ │ feedback.blade.php
│ │ migrations_check.blade.php
│ │
│ ├───auth
│ │ │ login.blade.php
│ │ │ register.blade.php
│ │ │ verify.blade.php
│ │ │
│ │ └───passwords
│ │ email.blade.php
│ │ reset.blade.php
│ │
│ ├───categories
│ │ create.blade.php
│ │ edit.blade.php
│ │ index.blade.php
│ │
│ ├───errors
│ │ 401.blade.php
│ │ 403.blade.php
│ │ 404.blade.php
│ │ 405.blade.php
│ │ 419.blade.php
│ │ 429.blade.php
│ │ 500.blade.php
│ │ 503.blade.php
│ │ layout.blade.php
│ │
│ ├───items
│ │ create.blade.php
│ │ edit.blade.php
│ │ index.blade.php
│ │
│ ├───layouts
│ │ │ app.blade.php
│ │ │
│ │ ├───footers
│ │ │ auth.blade.php
│ │ │ guest.blade.php
│ │ │
│ │ ├───navbars
│ │ │ │ sidebar.blade.php
│ │ │ │
│ │ │ └───navs
│ │ │ auth.blade.php
│ │ │ guest.blade.php
│ │ │
│ │ └───page_templates
│ │ auth.blade.php
│ │ guest.blade.php
│ │
│ ├───pages
│ │ │ calendar.blade.php
│ │ │ charts.blade.php
│ │ │ dashboard.blade.php
│ │ │ welcome.blade.php
│ │ │ widgets.blade.php
│ │ │
│ │ ├───components
│ │ │ buttons.blade.php
│ │ │ grid.blade.php
│ │ │ icons.blade.php
│ │ │ notifications.blade.php
│ │ │ panels.blade.php
│ │ │ sweet_alert.blade.php
│ │ │ typography.blade.php
│ │ │
│ │ ├───example_pages
│ │ │ language.blade.php
│ │ │ lock.blade.php
│ │ │ pricing.blade.php
│ │ │ timeline.blade.php
│ │ │
│ │ ├───forms
│ │ │ form_extended.blade.php
│ │ │ form_regular.blade.php
│ │ │ form_validation.blade.php
│ │ │ form_wizard.blade.php
│ │ │
│ │ ├───maps
│ │ │ maps_fullscreen.blade.php
│ │ │ maps_google.blade.php
│ │ │ maps_vector.blade.php
│ │ │
│ │ └───tables
│ │ tables_datatable.blade.php
│ │ tables_extended.blade.php
│ │ tables_regular.blade.php
│ │
│ ├───profile
│ │ edit.blade.php
│ │
│ ├───roles
│ │ create.blade.php
│ │ edit.blade.php
│ │ index.blade.php
│ │
│ ├───tags
│ │ create.blade.php
│ │ edit.blade.php
│ │ index.blade.php
│ │
│ └───users
│ create.blade.php
│ edit.blade.php
│ index.blade.php
│
├───routes
│ api.php
│ channels.php
│ console.php
│ web.php
│
├───storage
│ ├───app
│ │ │ .gitignore
│ │ │
│ │ └───public
│ │ │ .gitignore
│ │ │
│ │ ├───pictures
│ │ └───profile
│ │
│ ├───framework
│ │ │ .gitignore
│ │ │
│ │ ├───cache
│ │ │ │ .gitignore
│ │ │ │
│ │ │ └───data
│ │ │ │ .gitignore
│ │ ├───sessions
│ │ │ .gitignore
│ │ │
│ │ ├───testing
│ │ │ .gitignore
│ │ │
│ │ └───views
│ │ .gitignore
│ │
│ └───logsRestyled Components
Here is the list of Bootstrap 4 components that were restyled in Black Dashboard Pro:
- Buttons
- Cards
- Inputs
- Select
- Textarea
- Menu
- Dropdown
- Progress Bars
- Navigation Menu
- Pagination
- Labels
- Notifications
- Typography
- Images
- Tables
- Tooltips
- Popovers
- Modal
New Components
Besides giving the existing Bootstrap elements a new look, we added new ones, so that the interface and consistent and homogenous. Going through them, we added:
- Charts
- Checkboxes
- Footers
- Google Maps
- jVector Maps
- jQuery Maps
- Bootstrap Tables
- DataTables.net
- Maps
- Panels
- Radio Buttons
- Sliders
- Sweet Alert
- Sidebar
- Tags
- Wizard
- Toggle Buttons
- Datetimepicker
- Nucleo Icons
- File Uploader
- New Modals