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
      │   │                     
      │   └───logs

Restyled 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