├── .github └── workflows │ └── prod.yml ├── .gitignore ├── .prettierignore ├── .prettierrc ├── LICENSE ├── README.md ├── dist ├── assets │ ├── css │ │ ├── landing.css │ │ ├── plugins │ │ │ ├── bootstrap.min.css │ │ │ └── jsvectormap.min.css │ │ ├── style-preset.css │ │ └── style.css │ ├── fonts │ │ ├── feather.css │ │ ├── feather │ │ │ ├── feather.eot │ │ │ ├── feather.svg │ │ │ ├── feather.ttf │ │ │ └── feather.woff │ │ ├── fontawesome.css │ │ ├── fontawesome │ │ │ ├── fa-brands-400.eot │ │ │ ├── fa-brands-400.svg │ │ │ ├── fa-brands-400.ttf │ │ │ ├── fa-brands-400.woff │ │ │ ├── fa-brands-400.woff2 │ │ │ ├── fa-regular-400.eot │ │ │ ├── fa-regular-400.svg │ │ │ ├── fa-regular-400.ttf │ │ │ ├── fa-regular-400.woff │ │ │ ├── fa-regular-400.woff2 │ │ │ ├── fa-solid-900.eot │ │ │ ├── fa-solid-900.svg │ │ │ ├── fa-solid-900.ttf │ │ │ ├── fa-solid-900.woff │ │ │ └── fa-solid-900.woff2 │ │ ├── inter │ │ │ ├── Inter-italic.var.woff2 │ │ │ ├── Inter-roman.var.woff2 │ │ │ └── inter.css │ │ ├── material.css │ │ ├── material │ │ │ └── material.woff2 │ │ ├── phosphor │ │ │ └── duotone │ │ │ │ ├── Phosphor-Duotone.svg │ │ │ │ ├── Phosphor-Duotone.ttf │ │ │ │ ├── Phosphor-Duotone.woff │ │ │ │ ├── selection.json │ │ │ │ └── style.css │ │ ├── tabler-icons.min.css │ │ └── tabler │ │ │ ├── tabler-icons.eot │ │ │ ├── tabler-icons.svg │ │ │ ├── tabler-icons.ttf │ │ │ ├── tabler-icons.woff │ │ │ └── tabler-icons.woff2 │ ├── images │ │ ├── application │ │ │ └── img-coupon.png │ │ ├── favicon.svg │ │ ├── landing │ │ │ ├── img-header-main.jpg │ │ │ └── img-wave.svg │ │ ├── logo-dark.svg │ │ ├── logo-white.svg │ │ └── user │ │ │ ├── avatar-1.jpg │ │ │ ├── avatar-10.jpg │ │ │ ├── avatar-2.jpg │ │ │ ├── avatar-3.jpg │ │ │ ├── avatar-4.jpg │ │ │ ├── avatar-5.jpg │ │ │ ├── avatar-6.jpg │ │ │ ├── avatar-7.jpg │ │ │ ├── avatar-8.jpg │ │ │ └── avatar-9.jpg │ └── js │ │ ├── fonts │ │ └── custom-font.js │ │ ├── pages │ │ └── dashboard-default.js │ │ ├── plugins │ │ ├── apexcharts.min.js │ │ ├── bootstrap.min.js │ │ ├── feather.min.js │ │ ├── jsvectormap.min.js │ │ ├── popper.min.js │ │ ├── simplebar.min.js │ │ ├── world-merc.js │ │ └── world.js │ │ ├── script.js │ │ └── theme.js ├── dashboard │ └── index.html ├── elements │ ├── bc_color.html │ ├── bc_typography.html │ └── icon-feather.html ├── index.html ├── layouts │ ├── breadcrumb.html │ ├── footer-block.html │ ├── footer-js.html │ ├── head-css.html │ ├── head-page-meta.html │ ├── header-content.html │ ├── layout-vertical.html │ ├── loader.html │ ├── menu-list.html │ ├── sidebar.html │ └── topbar.html ├── other │ └── sample-page.html └── pages │ ├── login-v1.html │ └── register-v1.html ├── gulpfile.js ├── package-lock.json ├── package.json └── src ├── assets ├── fonts │ ├── feather.css │ ├── feather │ │ ├── feather.eot │ │ ├── feather.svg │ │ ├── feather.ttf │ │ └── feather.woff │ ├── fontawesome.css │ ├── fontawesome │ │ ├── fa-brands-400.eot │ │ ├── fa-brands-400.svg │ │ ├── fa-brands-400.ttf │ │ ├── fa-brands-400.woff │ │ ├── fa-brands-400.woff2 │ │ ├── fa-regular-400.eot │ │ ├── fa-regular-400.svg │ │ ├── fa-regular-400.ttf │ │ ├── fa-regular-400.woff │ │ ├── fa-regular-400.woff2 │ │ ├── fa-solid-900.eot │ │ ├── fa-solid-900.svg │ │ ├── fa-solid-900.ttf │ │ ├── fa-solid-900.woff │ │ └── fa-solid-900.woff2 │ ├── inter │ │ ├── Inter-italic.var.woff2 │ │ ├── Inter-roman.var.woff2 │ │ └── inter.css │ ├── material.css │ ├── material │ │ └── material.woff2 │ ├── phosphor │ │ └── duotone │ │ │ ├── Phosphor-Duotone.svg │ │ │ ├── Phosphor-Duotone.ttf │ │ │ ├── Phosphor-Duotone.woff │ │ │ ├── selection.json │ │ │ └── style.css │ ├── tabler-icons.min.css │ └── tabler │ │ ├── tabler-icons.eot │ │ ├── tabler-icons.svg │ │ ├── tabler-icons.ttf │ │ ├── tabler-icons.woff │ │ └── tabler-icons.woff2 ├── images │ ├── application │ │ └── img-coupon.png │ ├── favicon.svg │ ├── landing │ │ ├── img-header-main.jpg │ │ └── img-wave.svg │ ├── logo-dark.svg │ ├── logo-white.svg │ └── user │ │ ├── avatar-1.jpg │ │ ├── avatar-10.jpg │ │ ├── avatar-2.jpg │ │ ├── avatar-3.jpg │ │ ├── avatar-4.jpg │ │ ├── avatar-5.jpg │ │ ├── avatar-6.jpg │ │ ├── avatar-7.jpg │ │ ├── avatar-8.jpg │ │ └── avatar-9.jpg ├── js │ ├── fonts │ │ └── custom-font.js │ ├── pages │ │ └── dashboard-default.js │ ├── script.js │ └── theme.js ├── json │ └── README.md └── scss │ ├── landing.scss │ ├── settings │ ├── _bootstrap-variables.scss │ ├── _color-variables.scss │ └── _theme-variables.scss │ ├── style-preset.scss │ ├── style.scss │ └── themes │ ├── _general.scss │ ├── _generic.scss │ ├── components │ ├── _avtar.scss │ ├── _badge.scss │ ├── _button.scss │ ├── _card.scss │ ├── _dropdown.scss │ ├── _form.scss │ ├── _progress.scss │ ├── _table.scss │ ├── _tabs.scss │ └── _widget.scss │ ├── layouts │ ├── _pc-common.scss │ ├── _pc-footer.scss │ ├── _pc-header.scss │ └── _pc-sidebar.scss │ └── pages │ ├── _authentication.scss │ └── _icon-pages.scss └── html ├── admin └── README.md ├── application └── README.md ├── chart └── README.md ├── dashboard └── index.html ├── demo └── README.md ├── elements ├── bc_color.html ├── bc_typography.html └── icon-feather.html ├── forms └── README.md ├── index.html ├── layouts ├── breadcrumb.html ├── footer-block.html ├── footer-js.html ├── head-css.html ├── head-page-meta.html ├── header-content.html ├── layout-vertical.html ├── loader.html ├── menu-list.html ├── sidebar.html └── topbar.html ├── other └── sample-page.html ├── pages ├── login-v1.html └── register-v1.html ├── table └── README.md └── widget └── README.md /.github/workflows/prod.yml: -------------------------------------------------------------------------------- 1 | name: Production deploy 2 | 3 | # Controls when the action will run. 4 | on: 5 | # Triggers the workflow on push or pull request events but only for the master branch 6 | push: 7 | branches: 8 | - master 9 | pull_request: 10 | types: 11 | - closed 12 | branches: 13 | - master 14 | 15 | jobs: 16 | if_merged: 17 | if: github.event.pull_request.merged == true 18 | name: 🎉 Deploy 19 | runs-on: ubuntu-latest 20 | 21 | steps: 22 | - name: 🚚 Get latest code 23 | uses: actions/checkout@v3 24 | 25 | - name: 📂 Deploy to Server 26 | uses: easingthemes/ssh-deploy@v4 27 | env: 28 | SSH_PRIVATE_KEY: ${{ secrets.SERVER_SSH_KEY }} 29 | ARGS: '-rltgoDzvO --delete' 30 | SOURCE: 'dist/' 31 | REMOTE_HOST: 91.108.116.107 32 | REMOTE_USER: u106957989 33 | REMOTE_PORT: '65002' 34 | TARGET: domains/codedthemes.com/public_html/demos/admin-templates/datta-able/bootstrap/free 35 | EXCLUDE: '/node_modules/' 36 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | lerna-debug.log* 8 | 9 | # Diagnostic reports (https://nodejs.org/api/report.html) 10 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json 11 | 12 | # Runtime data 13 | pids 14 | *.pid 15 | *.seed 16 | *.pid.lock 17 | 18 | # Directory for instrumented libs generated by jscoverage/JSCover 19 | lib-cov 20 | 21 | # Coverage directory used by tools like istanbul 22 | coverage 23 | *.lcov 24 | 25 | # nyc test coverage 26 | .nyc_output 27 | 28 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) 29 | .grunt 30 | 31 | # Bower dependency directory (https://bower.io/) 32 | bower_components 33 | 34 | # node-waf configuration 35 | .lock-wscript 36 | 37 | # Compiled binary addons (https://nodejs.org/api/addons.html) 38 | build/Release 39 | 40 | # Dependency directories 41 | node_modules/ 42 | jspm_packages/ 43 | 44 | # TypeScript v1 declaration files 45 | typings/ 46 | 47 | # TypeScript cache 48 | *.tsbuildinfo 49 | 50 | # Optional npm cache directory 51 | .npm 52 | 53 | # Optional eslint cache 54 | .eslintcache 55 | 56 | # Microbundle cache 57 | .rpt2_cache/ 58 | .rts2_cache_cjs/ 59 | .rts2_cache_es/ 60 | .rts2_cache_umd/ 61 | 62 | # Optional REPL history 63 | .node_repl_history 64 | 65 | # Output of 'npm pack' 66 | *.tgz 67 | 68 | # Yarn Integrity file 69 | .yarn-integrity 70 | 71 | # dotenv environment variables file 72 | .env 73 | .env.test 74 | 75 | # parcel-bundler cache (https://parceljs.org/) 76 | .cache 77 | 78 | # Next.js build output 79 | .next 80 | 81 | # Nuxt.js build / generate output 82 | .nuxt 83 | # dist 84 | 85 | # Gatsby files 86 | .cache/ 87 | # Comment in the public line in if your project uses Gatsby and *not* Next.js 88 | # https://nextjs.org/blog/next-9-1#public-directory-support 89 | # public 90 | 91 | # vuepress build output 92 | .vuepress/dist 93 | 94 | # Serverless directories 95 | .serverless/ 96 | 97 | # FuseBox cache 98 | .fusebox/ 99 | 100 | # DynamoDB Local files 101 | .dynamodb/ 102 | 103 | # TernJS port file 104 | .tern-port 105 | src/.DS_Store 106 | src/assets/images/.DS_Store 107 | src/assets/images/landing/.DS_Store 108 | src/assets/.DS_Store 109 | -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | **/.git 2 | **/.svn 3 | **/.hg 4 | **/node_modules 5 | dist -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "bracketSpacing": true, 3 | "printWidth": 140, 4 | "singleQuote": true, 5 | "trailingComma": "none", 6 | "tabWidth": 2, 7 | "useTabs": false, 8 | "htmlWhitespaceSensitivity": "strict", 9 | "bracketSameLine": false 10 | } 11 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2025 CodedThemes 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /dist/assets/css/plugins/jsvectormap.min.css: -------------------------------------------------------------------------------- 1 | svg{-ms-touch-action:none;touch-action:none}image,text,.jvm-zoomin,.jvm-zoomout{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jvm-container{-ms-touch-action:none;touch-action:none;position:relative;overflow:hidden;height:100%;width:100%}.jvm-tooltip{border-radius:3px;background-color:#5c5cff;font-family:sans-serif,Verdana;font-size:smaller;box-shadow:1px 2px 12px rgba(0,0,0,.2);padding:3px 5px;white-space:nowrap;position:absolute;display:none;color:#fff}.jvm-tooltip.active{display:block}.jvm-zoom-btn{border-radius:3px;background-color:#292929;padding:3px;box-sizing:border-box;position:absolute;line-height:10px;cursor:pointer;color:#fff;height:15px;width:15px;left:10px}.jvm-zoom-btn.jvm-zoomout{top:30px}.jvm-zoom-btn.jvm-zoomin{top:10px}.jvm-series-container{right:15px;position:absolute}.jvm-series-container.jvm-series-h{bottom:15px}.jvm-series-container.jvm-series-v{top:15px}.jvm-series-container .jvm-legend{background-color:#fff;border:1px solid #e5e7eb;margin-left:.75rem;border-radius:.25rem;border-color:#e5e7eb;padding:.6rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);float:left}.jvm-series-container .jvm-legend .jvm-legend-title{line-height:1;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem;margin-bottom:.575rem;text-align:left}.jvm-series-container .jvm-legend .jvm-legend-inner{overflow:hidden}.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick{overflow:hidden;min-width:40px}.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child){margin-top:.575rem}.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample{border-radius:4px;margin-right:.65rem;height:16px;width:16px;float:left}.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text{font-size:12px;text-align:center;float:left}.jvm-line[animation=true]{-webkit-animation:jvm-line-animation 10s linear forwards infinite;animation:jvm-line-animation 10s linear forwards infinite}@-webkit-keyframes jvm-line-animation{from{stroke-dashoffset:250}}@keyframes jvm-line-animation{from{stroke-dashoffset:250}} -------------------------------------------------------------------------------- /dist/assets/fonts/feather/feather.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/feather/feather.eot -------------------------------------------------------------------------------- /dist/assets/fonts/feather/feather.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/feather/feather.ttf -------------------------------------------------------------------------------- /dist/assets/fonts/feather/feather.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/feather/feather.woff -------------------------------------------------------------------------------- /dist/assets/fonts/fontawesome/fa-brands-400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/fontawesome/fa-brands-400.eot -------------------------------------------------------------------------------- /dist/assets/fonts/fontawesome/fa-brands-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/fontawesome/fa-brands-400.ttf -------------------------------------------------------------------------------- /dist/assets/fonts/fontawesome/fa-brands-400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/fontawesome/fa-brands-400.woff -------------------------------------------------------------------------------- /dist/assets/fonts/fontawesome/fa-brands-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/fontawesome/fa-brands-400.woff2 -------------------------------------------------------------------------------- /dist/assets/fonts/fontawesome/fa-regular-400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/fontawesome/fa-regular-400.eot -------------------------------------------------------------------------------- /dist/assets/fonts/fontawesome/fa-regular-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/fontawesome/fa-regular-400.ttf -------------------------------------------------------------------------------- /dist/assets/fonts/fontawesome/fa-regular-400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/fontawesome/fa-regular-400.woff -------------------------------------------------------------------------------- /dist/assets/fonts/fontawesome/fa-regular-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/fontawesome/fa-regular-400.woff2 -------------------------------------------------------------------------------- /dist/assets/fonts/fontawesome/fa-solid-900.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/fontawesome/fa-solid-900.eot -------------------------------------------------------------------------------- /dist/assets/fonts/fontawesome/fa-solid-900.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/fontawesome/fa-solid-900.ttf -------------------------------------------------------------------------------- /dist/assets/fonts/fontawesome/fa-solid-900.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/fontawesome/fa-solid-900.woff -------------------------------------------------------------------------------- /dist/assets/fonts/fontawesome/fa-solid-900.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/fontawesome/fa-solid-900.woff2 -------------------------------------------------------------------------------- /dist/assets/fonts/inter/Inter-italic.var.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/inter/Inter-italic.var.woff2 -------------------------------------------------------------------------------- /dist/assets/fonts/inter/Inter-roman.var.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/inter/Inter-roman.var.woff2 -------------------------------------------------------------------------------- /dist/assets/fonts/inter/inter.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Inter var'; 3 | font-weight: 100 900; 4 | font-display: swap; 5 | font-style: normal; 6 | font-named-instance: 'Regular'; 7 | src: url('Inter-roman.var.woff2?v=3.18') format('woff2'); 8 | } 9 | 10 | @font-face { 11 | font-family: 'Inter var'; 12 | font-weight: 100 900; 13 | font-display: swap; 14 | font-style: italic; 15 | font-named-instance: 'Italic'; 16 | src: url('Inter-italic.var.woff2?v=3.18') format('woff2'); 17 | } 18 | -------------------------------------------------------------------------------- /dist/assets/fonts/material.css: -------------------------------------------------------------------------------- 1 | /* fallback */ 2 | @font-face { 3 | font-family: 'Material Icons Two Tone'; 4 | font-style: normal; 5 | font-weight: 400; 6 | src: url(material/material.woff2) format('woff2'); 7 | } 8 | 9 | .material-icons-two-tone { 10 | font-family: 'Material Icons Two Tone'; 11 | font-weight: normal; 12 | font-style: normal; 13 | font-size: 24px; 14 | line-height: 1; 15 | letter-spacing: normal; 16 | text-transform: none; 17 | display: inline-block; 18 | white-space: nowrap; 19 | word-wrap: normal; 20 | direction: ltr; 21 | -webkit-font-feature-settings: 'liga'; 22 | -webkit-font-smoothing: antialiased; 23 | } 24 | -------------------------------------------------------------------------------- /dist/assets/fonts/material/material.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/material/material.woff2 -------------------------------------------------------------------------------- /dist/assets/fonts/phosphor/duotone/Phosphor-Duotone.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/phosphor/duotone/Phosphor-Duotone.ttf -------------------------------------------------------------------------------- /dist/assets/fonts/phosphor/duotone/Phosphor-Duotone.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/phosphor/duotone/Phosphor-Duotone.woff -------------------------------------------------------------------------------- /dist/assets/fonts/tabler/tabler-icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/tabler/tabler-icons.eot -------------------------------------------------------------------------------- /dist/assets/fonts/tabler/tabler-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/tabler/tabler-icons.ttf -------------------------------------------------------------------------------- /dist/assets/fonts/tabler/tabler-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/tabler/tabler-icons.woff -------------------------------------------------------------------------------- /dist/assets/fonts/tabler/tabler-icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/fonts/tabler/tabler-icons.woff2 -------------------------------------------------------------------------------- /dist/assets/images/application/img-coupon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/images/application/img-coupon.png -------------------------------------------------------------------------------- /dist/assets/images/favicon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /dist/assets/images/landing/img-header-main.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/images/landing/img-header-main.jpg -------------------------------------------------------------------------------- /dist/assets/images/landing/img-wave.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /dist/assets/images/logo-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /dist/assets/images/logo-white.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /dist/assets/images/user/avatar-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/images/user/avatar-1.jpg -------------------------------------------------------------------------------- /dist/assets/images/user/avatar-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/images/user/avatar-10.jpg -------------------------------------------------------------------------------- /dist/assets/images/user/avatar-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/images/user/avatar-2.jpg -------------------------------------------------------------------------------- /dist/assets/images/user/avatar-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/images/user/avatar-3.jpg -------------------------------------------------------------------------------- /dist/assets/images/user/avatar-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/images/user/avatar-4.jpg -------------------------------------------------------------------------------- /dist/assets/images/user/avatar-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/images/user/avatar-5.jpg -------------------------------------------------------------------------------- /dist/assets/images/user/avatar-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/images/user/avatar-6.jpg -------------------------------------------------------------------------------- /dist/assets/images/user/avatar-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/images/user/avatar-7.jpg -------------------------------------------------------------------------------- /dist/assets/images/user/avatar-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/images/user/avatar-8.jpg -------------------------------------------------------------------------------- /dist/assets/images/user/avatar-9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/dist/assets/images/user/avatar-9.jpg -------------------------------------------------------------------------------- /dist/assets/js/pages/dashboard-default.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | // [ world-low chart ] start 3 | (function () { 4 | var map = new jsVectorMap({ 5 | selector: '#world-low', 6 | map: 'world', 7 | markersSelectable: true, 8 | markers: [ 9 | { 10 | coords: [-14.235, -51.9253] 11 | }, 12 | { 13 | coords: [35.8617, 104.1954] 14 | }, 15 | { 16 | coords: [61, 105] 17 | }, 18 | { 19 | coords: [26.8206, 30.8025] 20 | } 21 | ], 22 | markerStyle: { 23 | initial: { 24 | fill: '#3f4d67' 25 | }, 26 | hover: { 27 | fill: '#04a9f5' 28 | } 29 | }, 30 | markerLabelStyle: { 31 | initial: { 32 | fontFamily: "'Inter', sans-serif", 33 | fontSize: 13, 34 | fontWeight: 500, 35 | fill: '#3f4d67' 36 | } 37 | } 38 | }); 39 | })(); 40 | // [ world-low chart ] end 41 | 42 | // [ Widget-line-chart ] start 43 | var options = { 44 | chart: { 45 | type: 'line', 46 | height: 210, 47 | zoom: { 48 | enabled: false 49 | }, 50 | toolbar: { 51 | show: false 52 | } 53 | }, 54 | dataLabels: { 55 | enabled: false 56 | }, 57 | colors: ['#fff'], 58 | fill: { 59 | type: 'solid' 60 | }, 61 | plotOptions: { 62 | bar: { 63 | columnWidth: '30%' 64 | } 65 | }, 66 | series: [ 67 | { 68 | data: [10, 60, 45, 72, 45, 86] 69 | } 70 | ], 71 | xaxis: { 72 | categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'], 73 | axisBorder: { 74 | show: false 75 | }, 76 | axisTicks: { 77 | show: false 78 | }, 79 | labels: { 80 | style: { 81 | colors: '#fff' 82 | } 83 | } 84 | }, 85 | yaxis: { 86 | axisBorder: { 87 | show: false 88 | }, 89 | axisTicks: { 90 | show: false 91 | }, 92 | crosshairs: { 93 | width: 0 94 | }, 95 | labels: { 96 | show: false 97 | } 98 | }, 99 | grid: { 100 | padding: { 101 | bottom: 0, 102 | left: 10 103 | }, 104 | xaxis: { 105 | lines: { 106 | show: false 107 | } 108 | }, 109 | yaxis: { 110 | lines: { 111 | show: false 112 | } 113 | } 114 | }, 115 | markers: { 116 | size: 5, 117 | colors: '#fff', 118 | opacity: 0.9, 119 | strokeWidth: 2, 120 | hover: { 121 | size: 7 122 | } 123 | }, 124 | tooltip: { 125 | fixed: { 126 | enabled: false 127 | }, 128 | x: { 129 | show: false 130 | }, 131 | y: { 132 | title: { 133 | formatter: function (seriesName) { 134 | return 'Statistics :'; 135 | } 136 | } 137 | }, 138 | marker: { 139 | show: false 140 | } 141 | } 142 | }; 143 | var chart = new ApexCharts(document.querySelector('#Widget-line-chart'), options); 144 | chart.render(); 145 | // [ Widget-line-chart ] end 146 | -------------------------------------------------------------------------------- /dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Live Preview | Datta able Dashboard Template 5 | 6 | 7 | 8 | 9 | 13 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 49 | 50 |
51 |
52 |
53 |
54 |
55 | 56 | 57 |
58 | 59 | 95 | 96 |
97 |
98 |
99 |

100 | Explore One of the 101 | Featured Dashboard 102 | Template in Codedthemes 103 |

104 |
105 |
106 |

107 | Datta able is the one of the Featured admin dashboard template in Envato Marketplace and used by over 2.5K+ Customers 108 | wordwide. 109 |

110 |
111 |
112 |
113 | Explore Components 114 | Live Preview 115 |
116 |
117 | images 118 |
119 |
120 |
121 |
122 | images 123 |
124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 152 | 153 | 154 | 155 | -------------------------------------------------------------------------------- /dist/layouts/breadcrumb.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |
5 |
6 |
7 |
@@breadcrumb-item-active
8 |
9 |
10 |
11 | 16 |
17 |
18 |
19 |
20 | 21 | -------------------------------------------------------------------------------- /dist/layouts/footer-block.html: -------------------------------------------------------------------------------- 1 | 15 | -------------------------------------------------------------------------------- /dist/layouts/footer-js.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 15 | 18 | 19 | 22 | 23 | 26 | 27 | 30 | 31 | 34 | 35 | -------------------------------------------------------------------------------- /dist/layouts/head-css.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 25 | 26 | 44 | 45 | 59 | -------------------------------------------------------------------------------- /dist/layouts/head-page-meta.html: -------------------------------------------------------------------------------- 1 | @@title | Datta able Dashboard Template 2 | 3 | 4 | 5 | 6 | 10 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /dist/layouts/loader.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |
5 |
6 |
7 | 8 | -------------------------------------------------------------------------------- /dist/layouts/menu-list.html: -------------------------------------------------------------------------------- 1 |
  • 2 | 3 |
    • 4 |
  • 5 | 6 | 7 | 8 | 9 | Dashboard 10 | 11 |
    • 12 |
  • 13 | 14 | 15 |
    • 16 |
  • 17 | 18 | 19 | Color 20 | 21 |
    • 22 |
  • 23 | 24 | 25 | Typography 26 | 27 |
    • 28 |
  • 29 | 30 | 31 | Icons 32 | 33 |
    • 34 |
  • 35 | 36 | 37 |
    • 38 |
  • 39 | 40 | 41 | Login 42 | 43 |
    • 44 |
  • 45 | 46 | 47 | Register 48 | 49 |
    • 50 |
  • 51 | 52 | 53 |
    • 54 |
  • 55 | 56 | 57 | 58 | 59 | Menu levels 60 | 61 | 101 |
    • 102 |
  • 103 | 104 | 105 | Sample page 106 | 107 |
    • 108 | -------------------------------------------------------------------------------- /dist/layouts/sidebar.html: -------------------------------------------------------------------------------- 1 | 2 | 137 | 138 | -------------------------------------------------------------------------------- /dist/pages/login-v1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Login | Datta able Dashboard Template 7 | 8 | 9 | 10 | 11 | 15 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 47 | 48 | 66 | 67 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 |
    89 |
    90 |
    91 |
    92 |
    93 | 94 | 95 |
    96 |
    97 |
    98 |
    99 |
    100 | 101 | 102 | 103 | 104 |
    105 |
    106 |
    107 |
    108 | img 109 |
    110 |

    Login

    111 |
    112 | 113 |
    114 |
    115 | 116 |
    117 |
    118 |
    119 | 120 | 121 |
    122 |
    Forgot Password?
    123 |
    124 |
    125 | 126 |
    127 |
    128 |
    Don't have an Account?
    129 | Create Account 130 |
    131 |
    132 |
    133 |
    134 |
    135 |
    136 |
    137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 151 | 152 | 155 | 156 | 159 | 160 | 163 | 164 | 167 | 168 | 171 | 172 | 173 | 174 | 175 | 176 | -------------------------------------------------------------------------------- /dist/pages/register-v1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Register | Datta able Dashboard Template 7 | 8 | 9 | 10 | 11 | 15 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 47 | 48 | 66 | 67 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 |
    89 |
    90 |
    91 |
    92 |
    93 | 94 | 95 |
    96 |
    97 |
    98 |
    99 |
    100 | 101 | 102 | 103 | 104 |
    105 |
    106 |
    107 |
    108 | img 109 |
    110 |

    Sign up

    111 |
    112 |
    113 |
    114 | 115 |
    116 |
    117 |
    118 |
    119 | 120 |
    121 |
    122 |
    123 |
    124 | 125 |
    126 |
    127 | 128 |
    129 |
    130 | 131 |
    132 |
    133 |
    134 | 135 | 136 |
    137 |
    138 |
    139 | 140 |
    141 |
    142 |
    Already have an Account?
    143 | Login 144 |
    145 |
    146 |
    147 |
    148 |
    149 |
    150 |
    151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 165 | 166 | 169 | 170 | 173 | 174 | 177 | 178 | 181 | 182 | 185 | 186 | 187 | 188 | 189 | 190 | -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'); 2 | var sass = require('gulp-sass')(require('sass')); 3 | var del = require('del'); 4 | var sourcemaps = require('gulp-sourcemaps'); 5 | var uglify = require('gulp-uglify'); 6 | var sourcemaps = require('gulp-sourcemaps'); 7 | var cssmin = require('gulp-cssmin'); 8 | var merge = require('merge-stream'); 9 | var babel = require('gulp-babel'); 10 | var npmlodash = require('lodash'); 11 | var smushit = require('gulp-smushit'); 12 | var autoprefixer = require('gulp-autoprefixer'); 13 | var cssbeautify = require('gulp-cssbeautify'); 14 | var fileinclude = require('gulp-file-include'); 15 | var browsersync = require('browser-sync'); 16 | 17 | // ======================================================= 18 | // ----------- Datta able Theme Configuration ----------- 19 | // ======================================================= 20 | 21 | const caption_show = 'true'; // [ false , true ] 22 | const preset_theme = 'preset-1'; // [ preset-1 to preset-10 ] 23 | const dark_layout = 'false'; // [ false , true , default ] 24 | const rtl_layout = 'false'; // [ false , true ] 25 | const box_container = 'false'; // [ false , true ] 26 | const sidebar_theme = 'dark'; // [ dark , light ] 27 | const header_theme = ''; // [ '',preset-1 to preset-10 ] 28 | const navbar_bg_theme = ''; // [ '',preset-1 to preset-10 ] 29 | const logo_theme = ''; // [ '',preset-1 to preset-10 ] 30 | const navbar_caption_theme = ''; // [ '',preset-1 to preset-10 ] 31 | const navbar_image_theme = ''; // [ '',preset-1 to preset-6 ] 32 | const nav_dropdown_icon_theme = ''; // [ '',preset-1 to preset-5 ] 33 | const nav_dropdown_link_icon_theme = ''; // [ '',preset-1 to preset-6 ] 34 | 35 | const version = 'v2.1.0'; 36 | // ======================================================= 37 | 38 | // [ scss compiler ] start 39 | gulp.task('sass', function () { 40 | // main style css 41 | return gulp 42 | .src('src/assets/scss/*.scss') 43 | .pipe(sourcemaps.init()) 44 | .pipe(sass()) 45 | .pipe(autoprefixer()) 46 | .pipe(sourcemaps.write()) 47 | .pipe(gulp.dest('dist/assets/css')); 48 | }); 49 | // [ scss compiler ] end 50 | 51 | // [ Copy assets ] start 52 | gulp.task('build', function () { 53 | var required_libs = { 54 | js: [ 55 | 'node_modules/bootstrap/dist/js/bootstrap.min.js', 56 | 'node_modules/@popperjs/core/dist/umd/popper.min.js', 57 | 'node_modules/simplebar/dist/simplebar.min.js', 58 | 'node_modules/feather-icons/dist/feather.min.js', 59 | 'node_modules/apexcharts/dist/apexcharts.min.js', 60 | 'node_modules/jsvectormap/dist/jsvectormap.min.js', 61 | 'node_modules/jsvectormap/dist/maps/world.js', 62 | 'node_modules/jsvectormap/dist/maps/world-merc.js' 63 | ], 64 | css: ['node_modules/bootstrap/dist/css/bootstrap.min.css', 'node_modules/jsvectormap/dist/jsvectormap.min.css'] 65 | }; 66 | npmlodash(required_libs).forEach(function (assets, type) { 67 | if (type == 'css') { 68 | gulp.src(assets).pipe(gulp.dest('dist/assets/css/plugins')); 69 | } else { 70 | gulp.src(assets).pipe(gulp.dest('dist/assets/js/plugins')); 71 | } 72 | }); 73 | var cpyassets = gulp.src(['src/assets/**/*.*', '!src/assets/scss/**/*.*']).pipe(gulp.dest('dist/assets')); 74 | return merge(cpyassets); 75 | }); 76 | 77 | // [ Copy assets ] end 78 | 79 | // [ build html ] start 80 | if (rtl_layout == 'true') { 81 | var rtltemp = 'rtl'; 82 | } else { 83 | var rtltemp = 'ltr'; 84 | } 85 | 86 | if (dark_layout == 'true') { 87 | var darklayouttemp = 'dark'; 88 | } else { 89 | var darklayouttemp = 'light'; 90 | } 91 | 92 | const layout = { 93 | pc_caption_show: caption_show, 94 | pc_preset_theme: preset_theme, 95 | pc_dark_layout: dark_layout, 96 | pc_rtl_layout: rtl_layout, 97 | pc_box_container: box_container, 98 | pc_sidebar_theme: sidebar_theme, 99 | pc_header_theme: header_theme, 100 | pc_navbar_bg_theme: navbar_bg_theme, 101 | pc_logo_theme: logo_theme, 102 | pc_navbar_caption_theme: navbar_caption_theme, 103 | pc_navbar_image_theme: navbar_image_theme, 104 | pc_nav_dropdown_icon_theme: nav_dropdown_icon_theme, 105 | pc_nav_dropdown_link_icon_theme: nav_dropdown_link_icon_theme, 106 | pc_theme_version: version, 107 | bodySetup: 108 | 'data-pc-preset="' + 109 | preset_theme + 110 | '" data-pc-sidebar-caption="' + 111 | caption_show + 112 | '" data-pc-direction="' + 113 | rtltemp + 114 | '" data-pc-theme="' + 115 | darklayouttemp + 116 | '"' 117 | }; 118 | 119 | gulp.task('build-html', function () { 120 | return gulp 121 | .src('src/html/**/*.html') 122 | .pipe( 123 | fileinclude({ 124 | context: layout, 125 | prefix: '@@', 126 | basepath: '@file', 127 | indent: true 128 | }) 129 | ) 130 | .pipe(gulp.dest('dist')); 131 | }); 132 | // [ build html ] end 133 | 134 | // [ build js ] start 135 | gulp.task('build-js', function () { 136 | var layoutjs = gulp.src('src/assets/js/*.js').pipe(gulp.dest('dist/assets/js')); 137 | 138 | var pagesjs = gulp.src('src/assets/js/pages/*.js').pipe(gulp.dest('dist/assets/js/pages')); 139 | 140 | return merge(layoutjs, pagesjs); 141 | }); 142 | // [ build js ] end 143 | 144 | // [ scss compiler ] start 145 | gulp.task('mincss', function () { 146 | // main style css 147 | return gulp 148 | .src('src/assets/scss/*.scss') 149 | .pipe(sass()) 150 | .pipe(autoprefixer()) 151 | .pipe(cssbeautify()) 152 | .pipe(cssmin()) 153 | .pipe(gulp.dest('dist/assets/css')); 154 | }); 155 | // [ scss compiler ] end 156 | 157 | // [ uglify js ] start 158 | gulp.task('uglify', function () { 159 | var layoutjs = gulp.src('src/assets/js/*.js').pipe(uglify()).pipe(gulp.dest('dist/assets/js')); 160 | 161 | var pagesjs = gulp.src('src/assets/js/pages/*.js').pipe(babel()).pipe(uglify()).pipe(gulp.dest('dist/assets/js/pages')); 162 | 163 | return merge(layoutjs, pagesjs); 164 | }); 165 | // [ uglify js ] end 166 | // [ image optimizer ] start 167 | gulp.task('imgmin', function () { 168 | return gulp.src('src/assets/img/**/*.{jpg,png}').pipe(smushit()).pipe(gulp.dest('dist/assets/img')); 169 | }); 170 | // [ image optimizer ] end 171 | 172 | // [ browser reload ] start 173 | gulp.task('browserSync', function () { 174 | browsersync.init({ 175 | server: 'dist/' 176 | }); 177 | }); 178 | // [ browser reload ] end 179 | 180 | gulp.task('cleandist', function (callback) { 181 | del.sync(['dist/*/']); 182 | callback(); 183 | }); 184 | 185 | // [ watch ] start 186 | gulp.task('watch', function () { 187 | gulp.watch('src/assets/scss/**/*.scss', gulp.series('sass')).on('change', browsersync.reload); 188 | gulp.watch('src/assets/js/**/*.js', gulp.series('build-js')).on('change', browsersync.reload); 189 | gulp.watch('src/html/**/*.html', gulp.series('build-html')).on('change', browsersync.reload); 190 | }); 191 | // [ watch ] start 192 | const compile = gulp.parallel('browserSync', 'watch'); 193 | // [ Default task ] start 194 | gulp.task('default', gulp.series('cleandist', 'build', 'sass', 'build-js', 'build-html', 'imgmin', compile)); 195 | // [ Default task ] end 196 | // build in production mode 197 | gulp.task('build-prod', gulp.series('cleandist', 'build', 'sass', 'build-js', 'build-html', 'imgmin')); 198 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "datta-able-vanila-js", 3 | "version": "2.1.0", 4 | "description": "Datta able Bootstrap 5 Admin Template", 5 | "main": "index.js", 6 | "author": "Codedthemes", 7 | "scripts": { 8 | "test": "echo \"Error: no test specified\" && exit 1" 9 | }, 10 | "devDependencies": { 11 | "@babel/core": "^7.23.9", 12 | "@babel/preset-env": "^7.23.9", 13 | "del": "^6.1.1", 14 | "gulp": "^4.0.2", 15 | "gulp-autoprefixer": "^6.1.0", 16 | "gulp-babel": "^8.0.0", 17 | "gulp-cssbeautify": "^3.0.1", 18 | "gulp-cssmin": "^0.2.0", 19 | "gulp-inject": "^5.0.5", 20 | "gulp-minify": "^3.1.0", 21 | "gulp-sass": "^5.1.0", 22 | "gulp-smushit": "^1.2.0", 23 | "gulp-uglify": "^3.0.2", 24 | "merge-stream": "^2.0.0", 25 | "prettier": "3.2.5", 26 | "sass": "1.71.1" 27 | }, 28 | "dependencies": { 29 | "@popperjs/core": "^2.11.8", 30 | "apexcharts": "^3.54.0", 31 | "bootstrap": "5.3.3", 32 | "browser-sync": "^3.0.2", 33 | "clipboard": "^2.0.11", 34 | "feather-icons": "^4.29.2", 35 | "gulp-file-include": "^2.3.0", 36 | "gulp-sourcemaps": "^3.0.0", 37 | "jsvectormap": "^1.6.0", 38 | "simplebar": "^6.2.7" 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /src/assets/fonts/feather/feather.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/feather/feather.eot -------------------------------------------------------------------------------- /src/assets/fonts/feather/feather.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/feather/feather.ttf -------------------------------------------------------------------------------- /src/assets/fonts/feather/feather.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/feather/feather.woff -------------------------------------------------------------------------------- /src/assets/fonts/fontawesome/fa-brands-400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/fontawesome/fa-brands-400.eot -------------------------------------------------------------------------------- /src/assets/fonts/fontawesome/fa-brands-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/fontawesome/fa-brands-400.ttf -------------------------------------------------------------------------------- /src/assets/fonts/fontawesome/fa-brands-400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/fontawesome/fa-brands-400.woff -------------------------------------------------------------------------------- /src/assets/fonts/fontawesome/fa-brands-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/fontawesome/fa-brands-400.woff2 -------------------------------------------------------------------------------- /src/assets/fonts/fontawesome/fa-regular-400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/fontawesome/fa-regular-400.eot -------------------------------------------------------------------------------- /src/assets/fonts/fontawesome/fa-regular-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/fontawesome/fa-regular-400.ttf -------------------------------------------------------------------------------- /src/assets/fonts/fontawesome/fa-regular-400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/fontawesome/fa-regular-400.woff -------------------------------------------------------------------------------- /src/assets/fonts/fontawesome/fa-regular-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/fontawesome/fa-regular-400.woff2 -------------------------------------------------------------------------------- /src/assets/fonts/fontawesome/fa-solid-900.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/fontawesome/fa-solid-900.eot -------------------------------------------------------------------------------- /src/assets/fonts/fontawesome/fa-solid-900.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/fontawesome/fa-solid-900.ttf -------------------------------------------------------------------------------- /src/assets/fonts/fontawesome/fa-solid-900.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/fontawesome/fa-solid-900.woff -------------------------------------------------------------------------------- /src/assets/fonts/fontawesome/fa-solid-900.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/fontawesome/fa-solid-900.woff2 -------------------------------------------------------------------------------- /src/assets/fonts/inter/Inter-italic.var.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/inter/Inter-italic.var.woff2 -------------------------------------------------------------------------------- /src/assets/fonts/inter/Inter-roman.var.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/inter/Inter-roman.var.woff2 -------------------------------------------------------------------------------- /src/assets/fonts/inter/inter.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Inter var'; 3 | font-weight: 100 900; 4 | font-display: swap; 5 | font-style: normal; 6 | font-named-instance: 'Regular'; 7 | src: url('Inter-roman.var.woff2?v=3.18') format('woff2'); 8 | } 9 | 10 | @font-face { 11 | font-family: 'Inter var'; 12 | font-weight: 100 900; 13 | font-display: swap; 14 | font-style: italic; 15 | font-named-instance: 'Italic'; 16 | src: url('Inter-italic.var.woff2?v=3.18') format('woff2'); 17 | } 18 | -------------------------------------------------------------------------------- /src/assets/fonts/material.css: -------------------------------------------------------------------------------- 1 | /* fallback */ 2 | @font-face { 3 | font-family: 'Material Icons Two Tone'; 4 | font-style: normal; 5 | font-weight: 400; 6 | src: url(material/material.woff2) format('woff2'); 7 | } 8 | 9 | .material-icons-two-tone { 10 | font-family: 'Material Icons Two Tone'; 11 | font-weight: normal; 12 | font-style: normal; 13 | font-size: 24px; 14 | line-height: 1; 15 | letter-spacing: normal; 16 | text-transform: none; 17 | display: inline-block; 18 | white-space: nowrap; 19 | word-wrap: normal; 20 | direction: ltr; 21 | -webkit-font-feature-settings: 'liga'; 22 | -webkit-font-smoothing: antialiased; 23 | } 24 | -------------------------------------------------------------------------------- /src/assets/fonts/material/material.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/material/material.woff2 -------------------------------------------------------------------------------- /src/assets/fonts/phosphor/duotone/Phosphor-Duotone.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/phosphor/duotone/Phosphor-Duotone.ttf -------------------------------------------------------------------------------- /src/assets/fonts/phosphor/duotone/Phosphor-Duotone.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/phosphor/duotone/Phosphor-Duotone.woff -------------------------------------------------------------------------------- /src/assets/fonts/tabler/tabler-icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/tabler/tabler-icons.eot -------------------------------------------------------------------------------- /src/assets/fonts/tabler/tabler-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/tabler/tabler-icons.ttf -------------------------------------------------------------------------------- /src/assets/fonts/tabler/tabler-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/tabler/tabler-icons.woff -------------------------------------------------------------------------------- /src/assets/fonts/tabler/tabler-icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/fonts/tabler/tabler-icons.woff2 -------------------------------------------------------------------------------- /src/assets/images/application/img-coupon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/images/application/img-coupon.png -------------------------------------------------------------------------------- /src/assets/images/favicon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /src/assets/images/landing/img-header-main.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/images/landing/img-header-main.jpg -------------------------------------------------------------------------------- /src/assets/images/landing/img-wave.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets/images/logo-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/assets/images/logo-white.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/assets/images/user/avatar-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/images/user/avatar-1.jpg -------------------------------------------------------------------------------- /src/assets/images/user/avatar-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/images/user/avatar-10.jpg -------------------------------------------------------------------------------- /src/assets/images/user/avatar-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/images/user/avatar-2.jpg -------------------------------------------------------------------------------- /src/assets/images/user/avatar-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/images/user/avatar-3.jpg -------------------------------------------------------------------------------- /src/assets/images/user/avatar-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/images/user/avatar-4.jpg -------------------------------------------------------------------------------- /src/assets/images/user/avatar-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/images/user/avatar-5.jpg -------------------------------------------------------------------------------- /src/assets/images/user/avatar-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/images/user/avatar-6.jpg -------------------------------------------------------------------------------- /src/assets/images/user/avatar-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/images/user/avatar-7.jpg -------------------------------------------------------------------------------- /src/assets/images/user/avatar-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/images/user/avatar-8.jpg -------------------------------------------------------------------------------- /src/assets/images/user/avatar-9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codedthemes/datta-able-bootstrap-dashboard/b47edd20a67d8091cf396fecea71aece103ac133/src/assets/images/user/avatar-9.jpg -------------------------------------------------------------------------------- /src/assets/js/pages/dashboard-default.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | // [ world-low chart ] start 3 | (function () { 4 | var map = new jsVectorMap({ 5 | selector: '#world-low', 6 | map: 'world', 7 | markersSelectable: true, 8 | markers: [ 9 | { 10 | coords: [-14.235, -51.9253] 11 | }, 12 | { 13 | coords: [35.8617, 104.1954] 14 | }, 15 | { 16 | coords: [61, 105] 17 | }, 18 | { 19 | coords: [26.8206, 30.8025] 20 | } 21 | ], 22 | markerStyle: { 23 | initial: { 24 | fill: '#3f4d67' 25 | }, 26 | hover: { 27 | fill: '#04a9f5' 28 | } 29 | }, 30 | markerLabelStyle: { 31 | initial: { 32 | fontFamily: "'Inter', sans-serif", 33 | fontSize: 13, 34 | fontWeight: 500, 35 | fill: '#3f4d67' 36 | } 37 | } 38 | }); 39 | })(); 40 | // [ world-low chart ] end 41 | 42 | // [ Widget-line-chart ] start 43 | var options = { 44 | chart: { 45 | type: 'line', 46 | height: 210, 47 | zoom: { 48 | enabled: false 49 | }, 50 | toolbar: { 51 | show: false 52 | } 53 | }, 54 | dataLabels: { 55 | enabled: false 56 | }, 57 | colors: ['#fff'], 58 | fill: { 59 | type: 'solid' 60 | }, 61 | plotOptions: { 62 | bar: { 63 | columnWidth: '30%' 64 | } 65 | }, 66 | series: [ 67 | { 68 | data: [10, 60, 45, 72, 45, 86] 69 | } 70 | ], 71 | xaxis: { 72 | categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'], 73 | axisBorder: { 74 | show: false 75 | }, 76 | axisTicks: { 77 | show: false 78 | }, 79 | labels: { 80 | style: { 81 | colors: '#fff' 82 | } 83 | } 84 | }, 85 | yaxis: { 86 | axisBorder: { 87 | show: false 88 | }, 89 | axisTicks: { 90 | show: false 91 | }, 92 | crosshairs: { 93 | width: 0 94 | }, 95 | labels: { 96 | show: false 97 | } 98 | }, 99 | grid: { 100 | padding: { 101 | bottom: 0, 102 | left: 10 103 | }, 104 | xaxis: { 105 | lines: { 106 | show: false 107 | } 108 | }, 109 | yaxis: { 110 | lines: { 111 | show: false 112 | } 113 | } 114 | }, 115 | markers: { 116 | size: 5, 117 | colors: '#fff', 118 | opacity: 0.9, 119 | strokeWidth: 2, 120 | hover: { 121 | size: 7 122 | } 123 | }, 124 | tooltip: { 125 | fixed: { 126 | enabled: false 127 | }, 128 | x: { 129 | show: false 130 | }, 131 | y: { 132 | title: { 133 | formatter: function (seriesName) { 134 | return 'Statistics :'; 135 | } 136 | } 137 | }, 138 | marker: { 139 | show: false 140 | } 141 | } 142 | }; 143 | var chart = new ApexCharts(document.querySelector('#Widget-line-chart'), options); 144 | chart.render(); 145 | // [ Widget-line-chart ] end 146 | -------------------------------------------------------------------------------- /src/assets/json/README.md: -------------------------------------------------------------------------------- 1 | **Note:** *This README file is maintained to ensure the product structure aligns with the Pro version, making migration to Pro seamless when you choose to upgrade. This alignment aims to provide a smoother experience during the upgrade, especially regarding directory structure. You may notice these files and folders appearing throughout the project where they are part of the Pro version. While this might feel slightly inconvenient, it is intended to simplify your migration process and provide assistance. If these files are unnecessary for your use case, you can easily remove them.* 2 | 3 | Please continue reading below to explore the features of the Pro version: 4 | 5 | # Datta Able Admin Panel - Unlock Premium Features with the Pro Version 6 | 7 | Elevate your project with the Pro Version of the Datta Able Admin Panel! Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality. 8 | 9 | This page (folder) is a sneak peek into the premium features available in version 1.4.0. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level. 10 | 11 | ## Included in the Pro Version: 12 | 13 | [🚀 Dashboards](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/dashboard/index.html) : Advanced dashboards with real-time insights and data visualizations for actionable metrics. 14 | 15 | [📦 Widgets](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/widget/w_data.html) : A curated library of pre-built widgets for enhanced functionality and faster development. 16 | 17 | [⚙️ Admin Panel](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/admins/course-dashboard.html) : Fully responsive, user-friendly admin panels for efficient and seamless management. 18 | 19 | [🔧 Components](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/elements/bc_badges.html) : A rich collection of reusable and customizable UI components. 20 | 21 | [🚀 Advanced Components](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/elements/ac_datepicker-component.html) : Sophisticated and innovative tools to enhance the overall design and functionality of your application. 22 | 23 | [📝 Forms](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/forms/form_floating.html) : Dynamic and customizable forms with advanced validation features for a smooth user experience. 24 | 25 | [📊 Tables](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/table/tbl_bootstrap.html) : Structured, interactive tables with sorting, filtering, and pagination options. 26 | 27 | [📈 Charts](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/chart/chart-apex.html) : Beautifully designed charts powered by modern data visualization libraries. 28 | 29 | [🔒 Authentication](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/pages/register-v1.html) : Secure pages for login, registration, and password recovery, ensuring robust user management. 30 | 31 | [💬 Chat Messages](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/application/chat.html) : An integrated chat system to enhance communication within your application. 32 | 33 | [👤 User Profile](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/application/user-profile.html) : A sleek and customizable user profile page for managing user details and settings. 34 | 35 | ## Why Upgrade to the Pro Version? 36 | 37 | 🚀 Advanced Features : Access premium components and tools designed for modern, high-end projects.

    38 | ⚡ Faster Development : Pre-designed pages, widgets, and features help you save time and effort.

    39 | 📱 Fully Responsive Design : Enjoy a flawless experience across desktops, tablets, and smartphones.

    40 | 🛠 Developer-Friendly : Modular code, clear documentation, and well-structured components make customization a breeze.

    41 | 🎨 Customization-Ready : Personalize every aspect of your project with ease to match your branding needs. 42 | 43 | ## Get Started with the Pro Version! 44 | 45 | 👉 [Explore the Pro version now](https://codedthemes.com/item/datta-able-bootstrap-admin-template/) - and supercharge your development experience! 46 | -------------------------------------------------------------------------------- /src/assets/scss/landing.scss: -------------------------------------------------------------------------------- 1 | /**====================================================================== 2 | ========================================================================= 3 | Template Name: Datta able - Bootstrap Admin Template 4 | Author: Codedthemes 5 | Support: https://codedthemes.support-hub.io/ 6 | File: style.css 7 | ========================================================================= 8 | =================================================================================== */ 9 | 10 | // main framework 11 | @import 'node_modules/bootstrap/scss/functions'; 12 | @import 'node_modules/bootstrap/scss/variables'; 13 | @import 'settings/color-variables'; 14 | @import 'settings/bootstrap-variables'; 15 | @import 'settings/theme-variables'; 16 | 17 | @import 'node_modules/bootstrap/scss/mixins'; 18 | 19 | section { 20 | padding: 100px 0; 21 | } 22 | 23 | .title { 24 | margin-bottom: 50px; 25 | 26 | h2 { 27 | margin-bottom: 18px; 28 | } 29 | 30 | strong { 31 | position: relative; 32 | background-repeat: no-repeat; 33 | background-size: 130px; 34 | background-position: bottom left; 35 | padding-bottom: 5px; 36 | } 37 | } 38 | 39 | .landing-page { 40 | overflow-x: hidden; 41 | background: #fff; 42 | 43 | .btn { 44 | border-radius: 50px; 45 | } 46 | 47 | .pct-c-btn { 48 | display: none; 49 | } 50 | 51 | @media (min-width: 1600px) { 52 | .container { 53 | max-width: 1200px; 54 | } 55 | } 56 | } 57 | 58 | .navbar { 59 | position: fixed; 60 | width: 100%; 61 | z-index: 1099; 62 | top: 0; 63 | transition: all 0.2s ease-in-out; 64 | background: var(--pc-sidebar-background); 65 | 66 | &.top-nav-collapse.default { 67 | padding: 26px 0; 68 | 69 | @include media-breakpoint-up(md) { 70 | background: transparent !important; 71 | } 72 | 73 | box-shadow: none; 74 | } 75 | 76 | &.default, 77 | &.top-nav-collapse { 78 | padding: 14px 0; 79 | box-shadow: 0px 6px 10px 0px rgba(12, 21, 70, 0.03); 80 | } 81 | 82 | .nav-link { 83 | color: rgba(255, 255, 255, 0.6); 84 | font-weight: 500; 85 | 86 | &:active, 87 | &:hover, 88 | &:focus { 89 | color: rgba(255, 255, 255, 1); 90 | } 91 | } 92 | } 93 | 94 | header { 95 | overflow: hidden; 96 | position: relative; 97 | padding: 180px 0 0; 98 | display: flex; 99 | align-items: center; 100 | justify-content: center; 101 | min-height: 100vh; 102 | background-size: cover; 103 | flex-direction: column; 104 | background: var(--pc-sidebar-background); 105 | 106 | &:after { 107 | content: ''; 108 | position: absolute; 109 | top: 0; 110 | left: 0; 111 | bottom: 0; 112 | right: 0; 113 | background: linear-gradient(0deg, #00000080, transparent); 114 | z-index: 1; 115 | } 116 | 117 | .img-header { 118 | border-radius: 14px 14px 0 0; 119 | border: 4px solid #fff; 120 | box-shadow: 0px -6px 10px 0px rgba(12, 21, 70, 0.03); 121 | } 122 | 123 | .container { 124 | position: relative; 125 | z-index: 5; 126 | } 127 | 128 | .img-wave { 129 | position: absolute; 130 | bottom: -1px; 131 | left: 0; 132 | width: 100%; 133 | z-index: 6; 134 | filter: drop-shadow(0px -6px 10px rgba(12, 21, 70, 0.05)); 135 | } 136 | } 137 | 138 | .hero-text-gradient { 139 | --bg-size: 400%; 140 | --color-one: rgb(37, 161, 244); 141 | --color-two: rgb(249, 31, 169); 142 | 143 | background: linear-gradient(90deg, var(--color-one), var(--color-two), var(--color-one)) 0 0 / var(--bg-size) 100%; 144 | color: transparent; 145 | -webkit-background-clip: text; 146 | background-clip: text; 147 | animation: move-bg 24s infinite linear; 148 | } 149 | 150 | @keyframes move-bg { 151 | to { 152 | background-position: var(--bg-size) 0; 153 | } 154 | } 155 | 156 | @media (max-width: 991.98px) { 157 | section { 158 | padding: 40px 0; 159 | } 160 | } 161 | 162 | @media (max-width: 767.98px) { 163 | .title { 164 | margin-bottom: 10px; 165 | } 166 | 167 | .navbar.top-nav-collapse.default { 168 | padding: 14px 0; 169 | } 170 | 171 | .title strong { 172 | background-size: 95px; 173 | } 174 | 175 | header { 176 | text-align: center; 177 | padding: 120px 0 0; 178 | min-height: auto; 179 | 180 | h1 { 181 | font-size: 25px; 182 | } 183 | } 184 | } 185 | -------------------------------------------------------------------------------- /src/assets/scss/settings/_color-variables.scss: -------------------------------------------------------------------------------- 1 | // ======================================= 2 | // List of variables for Preset color 3 | // ======================================= 4 | // theme color 5 | $brand-color1: linear-gradient(-135deg, #1de9b6 0%, #1dc4e9 100%); 6 | $brand-color2: linear-gradient(-135deg, #899fd4 0%, #a389d4 100%); 7 | $brand-color3: linear-gradient(207.92deg, #0398f2 11.42%, #38b9e7 106.55%); 8 | 9 | // Gray color 10 | $white: #ffffff; 11 | $gray-100: #f8f9fa; 12 | $gray-200: #f3f5f7; 13 | $gray-300: #dbe0e5; 14 | $gray-400: #bec8d0; 15 | $gray-500: #8996a4; 16 | $gray-600: #5b6b79; 17 | $gray-700: #3e4853; 18 | $gray-800: #1d2630; 19 | $gray-900: #131920; 20 | $black: #000000; 21 | 22 | $blue: #04a9f5; 23 | $indigo: #6610f2; 24 | $purple: #a389d4; 25 | $pink: #e83e8c; 26 | $red: #f44236; 27 | $orange: #fd7e14; 28 | $yellow: #f4c22b; 29 | $green: #1de9b6; 30 | $teal: #008080; 31 | $cyan: #3ebfea; 32 | 33 | // fusv-disablex 34 | $blue-100: tint-color($blue, 80%); 35 | $blue-200: tint-color($blue, 60%); 36 | $blue-300: tint-color($blue, 40%); 37 | $blue-400: tint-color($blue, 20%); 38 | $blue-500: $blue; 39 | $blue-600: shade-color($blue, 20%); 40 | $blue-700: shade-color($blue, 40%); 41 | $blue-800: shade-color($blue, 60%); 42 | $blue-900: shade-color($blue, 80%); 43 | 44 | $indigo-100: tint-color($indigo, 80%); 45 | $indigo-200: tint-color($indigo, 60%); 46 | $indigo-300: tint-color($indigo, 40%); 47 | $indigo-400: tint-color($indigo, 20%); 48 | $indigo-500: $indigo; 49 | $indigo-600: shade-color($indigo, 20%); 50 | $indigo-700: shade-color($indigo, 40%); 51 | $indigo-800: shade-color($indigo, 60%); 52 | $indigo-900: shade-color($indigo, 80%); 53 | 54 | $purple-100: tint-color($purple, 80%); 55 | $purple-200: tint-color($purple, 60%); 56 | $purple-300: tint-color($purple, 40%); 57 | $purple-400: tint-color($purple, 20%); 58 | $purple-500: $purple; 59 | $purple-600: shade-color($purple, 20%); 60 | $purple-700: shade-color($purple, 40%); 61 | $purple-800: shade-color($purple, 60%); 62 | $purple-900: shade-color($purple, 80%); 63 | 64 | $pink-100: tint-color($pink, 80%); 65 | $pink-200: tint-color($pink, 60%); 66 | $pink-300: tint-color($pink, 40%); 67 | $pink-400: tint-color($pink, 20%); 68 | $pink-500: $pink; 69 | $pink-600: shade-color($pink, 20%); 70 | $pink-700: shade-color($pink, 40%); 71 | $pink-800: shade-color($pink, 60%); 72 | $pink-900: shade-color($pink, 80%); 73 | 74 | $red-100: tint-color($red, 80%); 75 | $red-200: tint-color($red, 60%); 76 | $red-300: tint-color($red, 40%); 77 | $red-400: tint-color($red, 20%); 78 | $red-500: $red; 79 | $red-600: shade-color($red, 20%); 80 | $red-700: shade-color($red, 40%); 81 | $red-800: shade-color($red, 60%); 82 | $red-900: shade-color($red, 80%); 83 | 84 | $orange-100: tint-color($orange, 80%); 85 | $orange-200: tint-color($orange, 60%); 86 | $orange-300: tint-color($orange, 40%); 87 | $orange-400: tint-color($orange, 20%); 88 | $orange-500: $orange; 89 | $orange-600: shade-color($orange, 20%); 90 | $orange-700: shade-color($orange, 40%); 91 | $orange-800: shade-color($orange, 60%); 92 | $orange-900: shade-color($orange, 80%); 93 | 94 | $yellow-100: tint-color($yellow, 80%); 95 | $yellow-200: tint-color($yellow, 60%); 96 | $yellow-300: tint-color($yellow, 40%); 97 | $yellow-400: tint-color($yellow, 20%); 98 | $yellow-500: $yellow; 99 | $yellow-600: shade-color($yellow, 20%); 100 | $yellow-700: shade-color($yellow, 40%); 101 | $yellow-800: shade-color($yellow, 60%); 102 | $yellow-900: shade-color($yellow, 80%); 103 | 104 | $green-100: tint-color($green, 80%); 105 | $green-200: tint-color($green, 60%); 106 | $green-300: tint-color($green, 40%); 107 | $green-400: tint-color($green, 20%); 108 | $green-500: $green; 109 | $green-600: shade-color($green, 20%); 110 | $green-700: shade-color($green, 40%); 111 | $green-800: shade-color($green, 60%); 112 | $green-900: shade-color($green, 80%); 113 | 114 | $teal-100: tint-color($teal, 80%); 115 | $teal-200: tint-color($teal, 60%); 116 | $teal-300: tint-color($teal, 40%); 117 | $teal-400: tint-color($teal, 20%); 118 | $teal-500: $teal; 119 | $teal-600: shade-color($teal, 20%); 120 | $teal-700: shade-color($teal, 40%); 121 | $teal-800: shade-color($teal, 60%); 122 | $teal-900: shade-color($teal, 80%); 123 | 124 | $cyan-100: tint-color($cyan, 80%); 125 | $cyan-200: tint-color($cyan, 60%); 126 | $cyan-300: tint-color($cyan, 40%); 127 | $cyan-400: tint-color($cyan, 20%); 128 | $cyan-500: $cyan; 129 | $cyan-600: shade-color($cyan, 20%); 130 | $cyan-700: shade-color($cyan, 40%); 131 | $cyan-800: shade-color($cyan, 60%); 132 | $cyan-900: shade-color($cyan, 80%); 133 | -------------------------------------------------------------------------------- /src/assets/scss/settings/_theme-variables.scss: -------------------------------------------------------------------------------- 1 | // ======================================= 2 | // List of variables for layout 3 | // ======================================= 4 | :root { 5 | // body 6 | --#{$variable-prefix}body-bg: #{$body-bg}; 7 | --bs-body-bg-rgb: #{to-rgb($body-bg)}; 8 | 9 | --pc-heading-color: #{$gray-800}; 10 | --pc-active-background: #{$gray-200}; 11 | 12 | // Navbar 13 | --pc-sidebar-background: #3f4d67; 14 | --pc-sidebar-color: #a9b7d0; 15 | --pc-sidebar-color-rgb: #{to-rgb(#a9b7d0)}; 16 | --pc-sidebar-active-color: #{$primary}; 17 | --pc-sidebar-active-background: rgba(0, 0, 0, 0.1); 18 | --pc-sidebar-main-active-color: #fff; 19 | --pc-sidebar-shadow: 1px 0 20px 0 #3f4d67; 20 | --pc-sidebar-caption-color: #e8edf7; 21 | --pc-sidebar-border: none; 22 | 23 | // header 24 | --pc-header-background: rgba(#{var(--bs-body-bg-rgb)}, 0.7); 25 | --pc-header-color: #{$gray-600}; 26 | --pc-header-shadow: none; 27 | 28 | // card 29 | --pc-card-box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08); 30 | 31 | // horizontal menu 32 | --pc-header-submenu-background: #{$white}; 33 | --pc-header-submenu-color: #{$gray-600}; 34 | } 35 | 36 | [data-pc-sidebar_theme='true'] { 37 | // Navbar 38 | --pc-sidebar-background: #fff; 39 | --pc-sidebar-color: #3f4d67; 40 | --pc-sidebar-color-rgb: #{to-rgb(#3f4d67)}; 41 | --pc-sidebar-active-color: #{$primary}; 42 | --pc-sidebar-active-background: rgba(0, 0, 0, 0.04); 43 | --pc-sidebar-main-active-color: #3f4d67; 44 | --pc-sidebar-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.09); 45 | --pc-sidebar-caption-color: #3f4d67; 46 | } 47 | 48 | $header-height: 74px; 49 | $sidebar-width: 264px; 50 | $sidebar-collapsed-width: 80px; 51 | $sidebar-collapsed-active-width: 300px; 52 | $sidebar-tab-width: 75px; 53 | $sidebar-tab-navbar-width: 320px; 54 | 55 | // horizontal menu 56 | $topbar-height: 74px; 57 | 58 | $soft-bg-level: -90%; 59 | // ===================================== 60 | // Variables for dark layouts 61 | // ===================================== 62 | $dark-layout-color: #212224; 63 | 64 | // ===================================== 65 | // Variables for bootstrap color 66 | // ===================================== 67 | 68 | $blue: $blue-500; 69 | $secondary: $gray-600; 70 | $indigo: $indigo-500; 71 | $purple: $purple-500; 72 | $pink: $pink-500; 73 | $red: $red-500; 74 | $orange: $orange-500; 75 | $yellow: $yellow-500; 76 | $green: $green-500; 77 | $teal: $teal-500; 78 | $cyan: $cyan-500; 79 | 80 | $primary-text: $blue-600; 81 | $secondary-text: $gray-600; 82 | $success-text: $green-600; 83 | $info-text: $cyan-700; 84 | $warning-text: $yellow-700; 85 | $danger-text: $red-600; 86 | $light-text: $gray-600; 87 | $dark-text: $gray-700; 88 | 89 | $primary-bg-subtle: $blue-100; 90 | $secondary-bg-subtle: $gray-100; 91 | $success-bg-subtle: $green-100; 92 | $info-bg-subtle: $cyan-100; 93 | $warning-bg-subtle: $yellow-100; 94 | $danger-bg-subtle: $red-100; 95 | $light-bg-subtle: mix($gray-100, $white); 96 | $dark-bg-subtle: $gray-400; 97 | 98 | $primary-border-subtle: $blue-200; 99 | $secondary-border-subtle: $gray-200; 100 | $success-border-subtle: $green-200; 101 | $info-border-subtle: $cyan-200; 102 | $warning-border-subtle: $yellow-200; 103 | $danger-border-subtle: $red-200; 104 | $light-border-subtle: $gray-200; 105 | $dark-border-subtle: $gray-500; 106 | $brand-colors: ( 107 | 'brand-color-1': $brand-color1, 108 | 'brand-color-2': $brand-color2, 109 | 'brand-color-3': $brand-color3 110 | ); 111 | $preset-colors: ( 112 | preset-1: ( 113 | primary: $blue-500 114 | ), 115 | preset-2: ( 116 | primary: $indigo-500 117 | ), 118 | preset-3: ( 119 | primary: $purple-500 120 | ), 121 | preset-4: ( 122 | primary: $pink-500 123 | ), 124 | preset-5: ( 125 | primary: $red-500 126 | ), 127 | preset-6: ( 128 | primary: $orange-500 129 | ), 130 | preset-7: ( 131 | primary: $yellow-500 132 | ), 133 | preset-8: ( 134 | primary: $green-500 135 | ), 136 | preset-9: ( 137 | primary: $teal-500 138 | ), 139 | preset-10: ( 140 | primary: $cyan-500 141 | ), 142 | preset-11: ( 143 | primary: $dark 144 | ) 145 | ); 146 | -------------------------------------------------------------------------------- /src/assets/scss/style.scss: -------------------------------------------------------------------------------- 1 | /**====================================================================== 2 | ========================================================================= 3 | Template Name: Datta able - Bootstrap Admin Template 4 | Author: Codedthemes 5 | Support: https://codedthemes.support-hub.io/ 6 | File: style.css 7 | ========================================================================= 8 | =================================================================================== */ 9 | 10 | // main framework 11 | @import 'node_modules/bootstrap/scss/functions'; 12 | @import 'node_modules/bootstrap/scss/variables'; 13 | @import 'node_modules/bootstrap/scss/variables-dark'; 14 | 15 | @import 'settings/color-variables'; 16 | @import 'settings/theme-variables'; 17 | @import 'settings/bootstrap-variables'; 18 | 19 | @import 'node_modules/bootstrap/scss/maps'; 20 | @import 'node_modules/bootstrap/scss/mixins'; 21 | @import 'node_modules/bootstrap/scss/root'; 22 | @import 'node_modules/bootstrap/scss/reboot'; 23 | @import 'node_modules/bootstrap/scss/type'; 24 | @import 'node_modules/bootstrap/scss/images'; 25 | @import 'node_modules/bootstrap/scss/containers'; 26 | @import 'node_modules/bootstrap/scss/grid'; 27 | @import 'node_modules/bootstrap/scss/tables'; 28 | @import 'node_modules/bootstrap/scss/forms'; 29 | @import 'node_modules/bootstrap/scss/buttons'; 30 | @import 'node_modules/bootstrap/scss/transitions'; 31 | @import 'node_modules/bootstrap/scss/dropdown'; 32 | @import 'node_modules/bootstrap/scss/button-group'; 33 | @import 'node_modules/bootstrap/scss/nav'; 34 | @import 'node_modules/bootstrap/scss/navbar'; 35 | @import 'node_modules/bootstrap/scss/card'; 36 | @import 'node_modules/bootstrap/scss/accordion'; 37 | @import 'node_modules/bootstrap/scss/breadcrumb'; 38 | @import 'node_modules/bootstrap/scss/pagination'; 39 | @import 'node_modules/bootstrap/scss/badge'; 40 | @import 'node_modules/bootstrap/scss/alert'; 41 | @import 'node_modules/bootstrap/scss/progress'; 42 | @import 'node_modules/bootstrap/scss/list-group'; 43 | @import 'node_modules/bootstrap/scss/close'; 44 | @import 'node_modules/bootstrap/scss/toasts'; 45 | @import 'node_modules/bootstrap/scss/modal'; 46 | @import 'node_modules/bootstrap/scss/tooltip'; 47 | @import 'node_modules/bootstrap/scss/popover'; 48 | @import 'node_modules/bootstrap/scss/carousel'; 49 | @import 'node_modules/bootstrap/scss/spinners'; 50 | @import 'node_modules/bootstrap/scss/offcanvas'; 51 | @import 'node_modules/bootstrap/scss/placeholders'; 52 | @import 'node_modules/bootstrap/scss/helpers'; 53 | 54 | @import 'node_modules/bootstrap/scss/utilities'; 55 | @import 'node_modules/bootstrap/scss/utilities/api'; 56 | 57 | // main framework 58 | @import 'themes/generic'; 59 | @import 'themes/general'; 60 | 61 | // Layouts 62 | @import 'themes/layouts/pc-sidebar'; 63 | @import 'themes/layouts/pc-header'; 64 | @import 'themes/layouts/pc-footer'; 65 | @import 'themes/layouts/pc-common'; 66 | 67 | // widget 68 | @import 'themes/components/widget'; 69 | 70 | // Components 71 | @import 'themes/components/avtar'; 72 | @import 'themes/components/badge'; 73 | @import 'themes/components/button'; 74 | @import 'themes/components/dropdown'; 75 | @import 'themes/components/card'; 76 | @import 'themes/components/progress'; 77 | @import 'themes/components/table'; 78 | @import 'themes/components/tabs'; 79 | @import 'themes/components/form'; 80 | 81 | // pages 82 | @import 'themes/pages/authentication'; 83 | @import 'themes/pages/icon-pages'; 84 | -------------------------------------------------------------------------------- /src/assets/scss/themes/components/_avtar.scss: -------------------------------------------------------------------------------- 1 | // ============================ 2 | // 11. Avtar css start 3 | // ============================ 4 | 5 | .avtar { 6 | display: inline-flex; 7 | align-items: center; 8 | justify-content: center; 9 | border-radius: 4px; 10 | font: { 11 | size: 18px; 12 | weight: 600; 13 | } 14 | width: 48px; 15 | height: 48px; 16 | 17 | &.avtar-xxs { 18 | width: 16px; 19 | height: 16px; 20 | font-size: 14px; 21 | border-radius: 1px; 22 | } 23 | 24 | &.avtar-xs { 25 | width: 32px; 26 | height: 32px; 27 | font-size: 12px; 28 | border-radius: 2px; 29 | } 30 | 31 | &.avtar-s { 32 | width: 40px; 33 | height: 40px; 34 | font-size: 14px; 35 | border-radius: 2px; 36 | } 37 | 38 | &.avtar-l { 39 | width: 64px; 40 | height: 64px; 41 | font-size: 20px; 42 | border-radius: 5px; 43 | } 44 | 45 | &.avtar-xl { 46 | width: 80px; 47 | height: 80px; 48 | font-size: 24px; 49 | border-radius: 6px; 50 | } 51 | 52 | &.avtar-square { 53 | border-radius: 4px; 54 | border: 2px solid; 55 | } 56 | 57 | &.avtar-icon { 58 | border: 2px solid $border-color; 59 | 60 | > img { 61 | width: 60%; 62 | } 63 | } 64 | } 65 | // ============================ 66 | // 11. Avtar css end 67 | // ============================ 68 | -------------------------------------------------------------------------------- /src/assets/scss/themes/components/_badge.scss: -------------------------------------------------------------------------------- 1 | // ============================ 2 | // 12. Badge css start 3 | // ============================ 4 | 5 | .badge { 6 | &.dot { 7 | width: 6px; 8 | height: 6px; 9 | display: block; 10 | padding: 0; 11 | } 12 | @each $color, $value in $theme-colors { 13 | &.bg-light-#{$color} { 14 | background: shift-color($value, $soft-bg-level); 15 | color: $value; 16 | } 17 | } 18 | } 19 | 20 | // ============================ 21 | // 12. Badge css end 22 | // ============================ 23 | -------------------------------------------------------------------------------- /src/assets/scss/themes/components/_button.scss: -------------------------------------------------------------------------------- 1 | // ============================ 2 | // 13. Button css start 3 | // ============================ 4 | 5 | .btn { 6 | font-size: 14px; 7 | 8 | i { 9 | font-size: 18px; 10 | &.ph-duotone { 11 | vertical-align: text-bottom; 12 | } 13 | } 14 | 15 | svg { 16 | width: 18px; 17 | height: 18px; 18 | } 19 | 20 | &[class*='btn-link-'], 21 | &[class*='btn-light-'] { 22 | box-shadow: none; 23 | } 24 | 25 | &[class*='btn-outline-']:not(:hover) { 26 | box-shadow: none; 27 | } 28 | 29 | &.btn-shadow { 30 | box-shadow: 0 6px 7px -1px rgba(80, 86, 175, 0.3); 31 | } 32 | 33 | &.btn-sm { 34 | i { 35 | font-size: 14px; 36 | } 37 | } 38 | &.btn-icon { 39 | display: inline-flex; 40 | align-items: center; 41 | justify-content: center; 42 | border-radius: 20px; 43 | font-size: 14px; 44 | font-weight: 600; 45 | padding: 0; 46 | width: 40px; 47 | height: 40px; 48 | &.avtar-xs { 49 | width: 20px; 50 | height: 20px; 51 | font-size: 10px; 52 | } 53 | &.avtar-s { 54 | width: 30px; 55 | height: 30px; 56 | font-size: 12px; 57 | } 58 | &.avtar-l { 59 | width: 50px; 60 | height: 50px; 61 | font-size: 18px; 62 | } 63 | &.avtar-xl { 64 | width: 60px; 65 | height: 60px; 66 | font-size: 20px; 67 | border-radius: 30px; 68 | } 69 | } 70 | } 71 | @each $color, $value in $theme-colors { 72 | // light color start 73 | .btn-light-#{$color} { 74 | background: shift-color($value, $soft-bg-level); 75 | color: $value; 76 | border-color: shift-color($value, $soft-bg-level); 77 | .material-icons-two-tone { 78 | background-color: $value; 79 | } 80 | 81 | &:hover { 82 | background: $value; 83 | color: #fff; 84 | border-color: $value; 85 | .material-icons-two-tone { 86 | background-color: #fff; 87 | } 88 | } 89 | 90 | &.focus, 91 | &:focus { 92 | background: $value; 93 | color: #fff; 94 | border-color: $value; 95 | .material-icons-two-tone { 96 | background-color: #fff; 97 | } 98 | } 99 | 100 | &:not(:disabled):not(.disabled).active, 101 | &:not(:disabled):not(.disabled):active, 102 | .show > &.dropdown-toggle { 103 | background: $value; 104 | color: #fff; 105 | border-color: $value; 106 | .material-icons-two-tone { 107 | background-color: #fff; 108 | } 109 | } 110 | } 111 | 112 | .btn-check:active, 113 | .btn-check:checked { 114 | + .btn-light-#{$color} { 115 | background: $value; 116 | color: #fff; 117 | border-color: $value; 118 | .material-icons-two-tone { 119 | background-color: #fff; 120 | } 121 | } 122 | } 123 | // light color end 124 | // link color start 125 | .btn-link-#{$color} { 126 | background: transparent; 127 | color: $value; 128 | border-color: transparent; 129 | .material-icons-two-tone { 130 | background-color: $value; 131 | } 132 | &:hover { 133 | background: shift-color($value, $soft-bg-level); 134 | color: $value; 135 | border-color: shift-color($value, $soft-bg-level); 136 | } 137 | 138 | &.focus, 139 | &:focus { 140 | background: shift-color($value, $soft-bg-level); 141 | color: $value; 142 | border-color: shift-color($value, $soft-bg-level); 143 | } 144 | 145 | &:not(:disabled):not(.disabled).active, 146 | &:not(:disabled):not(.disabled):active, 147 | .show > &.dropdown-toggle { 148 | background: shift-color($value, $soft-bg-level); 149 | color: $value; 150 | border-color: shift-color($value, $soft-bg-level); 151 | } 152 | } 153 | 154 | .btn-check:active, 155 | .btn-check:checked { 156 | + .btn-link-#{$color} { 157 | background: shift-color($value, $soft-bg-level); 158 | color: $value; 159 | border-color: shift-color($value, $soft-bg-level); 160 | } 161 | } 162 | // link color end 163 | // link hover color start 164 | .btn-link-hover-#{$color} { 165 | background: transparent; 166 | color: var(--bs-secondary); 167 | border-color: transparent; 168 | .material-icons-two-tone { 169 | background-color: var(--bs-secondary); 170 | } 171 | &:hover { 172 | background: shift-color($value, $soft-bg-level); 173 | color: $value; 174 | border-color: shift-color($value, $soft-bg-level); 175 | } 176 | 177 | &.focus, 178 | &:focus { 179 | background: shift-color($value, $soft-bg-level); 180 | color: $value; 181 | border-color: shift-color($value, $soft-bg-level); 182 | } 183 | 184 | &:not(:disabled):not(.disabled).active, 185 | &:not(:disabled):not(.disabled):active, 186 | .show > &.dropdown-toggle { 187 | background: shift-color($value, $soft-bg-level); 188 | color: $value; 189 | border-color: shift-color($value, $soft-bg-level); 190 | } 191 | } 192 | 193 | .btn-check:active, 194 | .btn-check:checked { 195 | + .btn-link-hover-#{$color} { 196 | background: shift-color($value, $soft-bg-level); 197 | color: $value; 198 | border-color: shift-color($value, $soft-bg-level); 199 | } 200 | } 201 | // link hover color end 202 | } 203 | 204 | @each $color, $value in $social-colors { 205 | .btn-light-#{$color} { 206 | background: shift-color($value, $soft-bg-level); 207 | color: $value; 208 | border-color: shift-color($value, $soft-bg-level); 209 | .material-icons-two-tone { 210 | background-color: $value; 211 | } 212 | 213 | &:hover { 214 | background: $value; 215 | color: #fff; 216 | border-color: $value; 217 | .material-icons-two-tone { 218 | background-color: #fff; 219 | } 220 | } 221 | 222 | &.focus, 223 | &:focus { 224 | background: $value; 225 | color: #fff; 226 | border-color: $value; 227 | .material-icons-two-tone { 228 | background-color: #fff; 229 | } 230 | } 231 | 232 | &:not(:disabled):not(.disabled).active, 233 | &:not(:disabled):not(.disabled):active, 234 | .show > &.dropdown-toggle { 235 | background: $value; 236 | color: #fff; 237 | border-color: $value; 238 | .material-icons-two-tone { 239 | background-color: #fff; 240 | } 241 | } 242 | } 243 | } 244 | .btn-pc-default { 245 | &:not(:hover) { 246 | color: var(--bs-secondary); 247 | } 248 | } 249 | 250 | // ============================ 251 | // 13. Button css end 252 | // ============================ 253 | -------------------------------------------------------------------------------- /src/assets/scss/themes/components/_card.scss: -------------------------------------------------------------------------------- 1 | // ============================ 2 | // 15. Card css start 3 | // ============================ 4 | 5 | .card { 6 | box-shadow: var(--pc-card-box-shadow); 7 | margin-bottom: 24px; 8 | transition: box-shadow 0.2s ease-in-out; 9 | 10 | .card-header { 11 | border-bottom: 1px solid var(--bs-card-border-color); 12 | 13 | h5 { 14 | margin-bottom: 0; 15 | font-size: 0.875rem; 16 | font-weight: 600; 17 | 18 | + p, 19 | + small { 20 | margin-top: 10px; 21 | 22 | &:last-child { 23 | margin-bottom: 0; 24 | } 25 | } 26 | } 27 | 28 | .card-header-right { 29 | right: 10px; 30 | top: 10px; 31 | float: right; 32 | padding: 0; 33 | position: absolute; 34 | 35 | @media only screen and (max-width: 575px) { 36 | display: none; 37 | } 38 | 39 | .dropdown-menu { 40 | margin-top: 0; 41 | 42 | li { 43 | cursor: pointer; 44 | 45 | a { 46 | font-size: 14px; 47 | text-transform: capitalize; 48 | } 49 | } 50 | } 51 | 52 | .btn.dropdown-toggle { 53 | border: none; 54 | background: transparent; 55 | box-shadow: none; 56 | color: #888; 57 | 58 | i { 59 | margin-right: 0; 60 | } 61 | 62 | &:after { 63 | display: none; 64 | } 65 | 66 | &:focus { 67 | box-shadow: none; 68 | outline: none; 69 | } 70 | } 71 | 72 | // custom toggler 73 | .btn.dropdown-toggle { 74 | border: none; 75 | background: transparent; 76 | box-shadow: none; 77 | padding: 0; 78 | width: 20px; 79 | height: 20px; 80 | right: 8px; 81 | top: 8px; 82 | 83 | &.mobile-menu span { 84 | background-color: #888; 85 | height: 2px; 86 | border-radius: 5px; 87 | 88 | &:after, 89 | &:before { 90 | border-radius: 5px; 91 | height: 2px; 92 | background-color: #888; 93 | } 94 | } 95 | } 96 | 97 | .nav-pills { 98 | padding: 0; 99 | box-shadow: none; 100 | background: transparent; 101 | } 102 | } 103 | } 104 | 105 | .card-footer { 106 | transition: box-shadow 0.2s ease-in-out; 107 | } 108 | 109 | &:hover { 110 | .card-footer[class*='bg-'] { 111 | box-shadow: none; 112 | } 113 | } 114 | } 115 | 116 | @include media-breakpoint-down(sm) { 117 | .card { 118 | margin-bottom: 20px; 119 | .card-header { 120 | padding: 20px; 121 | h5 { 122 | font-size: 0.875rem; 123 | } 124 | } 125 | .card-body { 126 | padding: 20px; 127 | } 128 | } 129 | } 130 | 131 | // ============================ 132 | // 15. Card css end 133 | // ============================ 134 | -------------------------------------------------------------------------------- /src/assets/scss/themes/components/_dropdown.scss: -------------------------------------------------------------------------------- 1 | // ============================ 2 | // 14. Dropdown css start 3 | // ============================ 4 | 5 | .dropdown-toggle { 6 | &.arrow-none { 7 | &:after { 8 | display: none; 9 | } 10 | } 11 | } 12 | 13 | .pc-header { 14 | .dropdown-menu { 15 | animation: 0.3s ease-in-out 0s normal forwards 0.3s fadein; 16 | } 17 | } 18 | @keyframes fadein { 19 | from { 20 | transform: translate3d(0, 8px, 0); 21 | opacity: 0; 22 | } 23 | 24 | to { 25 | transform: translate3d(0, 0, 0); 26 | opacity: 1; 27 | } 28 | } 29 | 30 | .dropdown .dropdown-item { 31 | display: flex; 32 | align-items: center; 33 | 34 | &.active, 35 | &:active, 36 | &:focus, 37 | &:hover { 38 | background: var(--pc-active-background); 39 | color: var(--bs-dropdown-link-color); 40 | i { 41 | &.material-icons-two-tone { 42 | background-color: $dropdown-link-hover-color; 43 | } 44 | } 45 | } 46 | } 47 | 48 | .dropdown-menu { 49 | box-shadow: 0 4px 24px 0 rgba(62, 57, 107, 0.18); 50 | border: none; 51 | padding: 8px; 52 | .dropdown-item { 53 | border-radius: var(--bs-border-width); 54 | padding: 10px 15px; 55 | i { 56 | font-size: 18px; 57 | margin-right: 10px; 58 | 59 | &.material-icons-two-tone { 60 | vertical-align: bottom; 61 | font-size: 22px; 62 | background-color: var(--pc-header-color); 63 | } 64 | } 65 | 66 | svg { 67 | width: 18px; 68 | height: 18px; 69 | margin-right: 10px; 70 | fill: #f2f2f2; 71 | } 72 | 73 | .float-right { 74 | svg { 75 | width: 14px; 76 | height: 14px; 77 | } 78 | } 79 | } 80 | } 81 | 82 | .dropdown-menu-dark { 83 | .dropdown-item { 84 | &.active, 85 | &:active { 86 | color: var(--bs-dropdown-link-hover-color); 87 | background-color: var(--bs-dropdown-link-hover-bg); 88 | } 89 | } 90 | } 91 | // ============================ 92 | // 14. Dropdown css end 93 | // ============================ 94 | -------------------------------------------------------------------------------- /src/assets/scss/themes/components/_progress.scss: -------------------------------------------------------------------------------- 1 | // ============================ 2 | // 16. Progress css start 3 | // ============================ 4 | 5 | .progress { 6 | overflow: visible; 7 | .progress-bar { 8 | box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3); 9 | border-radius: $progress-border-radius; 10 | } 11 | @each $color, $value in $theme-colors { 12 | &.progress-#{$color} { 13 | background: shift-color($value, $soft-bg-level); 14 | .progress-bar { 15 | background: $value; 16 | } 17 | } 18 | } 19 | } 20 | .progress-stacked { 21 | overflow: hidden; 22 | .progress:not(:first-child) { 23 | .progress-bar { 24 | border-top-left-radius: 0; 25 | border-bottom-left-radius: 0; 26 | } 27 | } 28 | .progress:not(:last-child) { 29 | .progress-bar { 30 | border-top-right-radius: 0; 31 | border-bottom-right-radius: 0; 32 | } 33 | } 34 | } 35 | // ============================ 36 | // 16. Progress css end 37 | // ============================ 38 | -------------------------------------------------------------------------------- /src/assets/scss/themes/components/_table.scss: -------------------------------------------------------------------------------- 1 | // ============================ 2 | // 17. Table css start 3 | // ============================ 4 | 5 | .table { 6 | &.table-align-center { 7 | td, 8 | th { 9 | vertical-align: middle; 10 | } 11 | } 12 | thead th { 13 | padding: 0.9rem 0.75rem; 14 | } 15 | td, 16 | th { 17 | vertical-align: middle; 18 | } 19 | &.table-borderless { 20 | td, 21 | th { 22 | border: none !important; 23 | } 24 | } 25 | } 26 | 27 | .table-hover tbody tr:hover { 28 | background-color: transparentize($primary, 0.97); 29 | } 30 | 31 | .affiliate-table { 32 | tr { 33 | th, 34 | td { 35 | &:first-child { 36 | @include media-breakpoint-down(xl) { 37 | min-width: 150px; 38 | } 39 | } 40 | } 41 | } 42 | } 43 | 44 | // ============================ 45 | // 17. Table css end 46 | // ============================ 47 | -------------------------------------------------------------------------------- /src/assets/scss/themes/components/_tabs.scss: -------------------------------------------------------------------------------- 1 | // ============================ 2 | // 18. Tabs css start 3 | // ============================ 4 | 5 | .tabs-border { 6 | &.nav-tabs { 7 | .nav-item { 8 | margin-bottom: 0; 9 | } 10 | 11 | .nav-link { 12 | border: none; 13 | background: 14 | no-repeat center bottom, 15 | center 100%; 16 | background-size: 17 | 0 100%, 18 | 100% 100%; 19 | transition: background 0.3s ease-out; 20 | background-image: linear-gradient(to top, theme-color('primary') 2px, rgba(255, 255, 255, 0) 2px); 21 | 22 | &.active { 23 | background-size: 24 | 100% 100%, 25 | 100% 100%; 26 | } 27 | } 28 | } 29 | } 30 | 31 | .tabs-light { 32 | &.nav-pill { 33 | + .tab-content { 34 | border-top: 1px solid $border-color; 35 | } 36 | 37 | .nav-item { 38 | margin-bottom: 0; 39 | 40 | .nav-link { 41 | color: $primary; 42 | background: shift-color($primary, $soft-bg-level); 43 | border-radius: 4px; 44 | transition: background 0.3s ease-out; 45 | } 46 | 47 | + .nav-item { 48 | margin-left: 10px; 49 | } 50 | } 51 | 52 | .nav-link { 53 | border: none; 54 | 55 | &.active { 56 | color: #fff; 57 | background: $primary; 58 | } 59 | } 60 | } 61 | } 62 | // ============================ 63 | // 18. Tabs css end 64 | // ============================ 65 | -------------------------------------------------------------------------------- /src/assets/scss/themes/layouts/_pc-footer.scss: -------------------------------------------------------------------------------- 1 | // ============================ 2 | // 5. footer css start 3 | // ============================ 4 | 5 | .pc-footer { 6 | position: relative; 7 | z-index: 995; 8 | margin-left: $sidebar-width; 9 | margin-top: $header-height; 10 | padding: 15px 0; 11 | 12 | a { 13 | color: var(--bs-body-color); 14 | 15 | &:hover { 16 | color: var(--bs-primary); 17 | } 18 | } 19 | 20 | .footer-wrapper { 21 | padding-left: 40px; 22 | padding-right: 40px; 23 | 24 | @media (max-width: 1024px) { 25 | padding-left: 30px; 26 | padding-right: 30px; 27 | } 28 | @include media-breakpoint-down(sm) { 29 | padding-left: 15px; 30 | padding-right: 15px; 31 | } 32 | } 33 | 34 | .footer-link { 35 | .list-inline-item:not(:last-child) { 36 | margin-right: 0.9rem; 37 | } 38 | } 39 | 40 | @media (max-width: 1024px) { 41 | margin-left: 0; 42 | } 43 | @include media-breakpoint-down(sm) { 44 | margin-top: 50px; 45 | } 46 | } 47 | // ============================ 48 | // 5. footer css end 49 | // ============================ 50 | -------------------------------------------------------------------------------- /src/assets/scss/themes/pages/_authentication.scss: -------------------------------------------------------------------------------- 1 | /** ===================== 2 | Authentication css start 3 | ========================== **/ 4 | 5 | .auth-main { 6 | position: relative; 7 | background-size: cover; 8 | 9 | .auth-wrapper { 10 | height: 100%; 11 | width: 100%; 12 | min-height: 100vh; 13 | 14 | .saprator { 15 | position: relative; 16 | display: flex; 17 | align-self: center; 18 | justify-content: center; 19 | 20 | &:after { 21 | content: ''; 22 | position: absolute; 23 | top: 50%; 24 | left: 0; 25 | width: 100%; 26 | height: 1px; 27 | background: var(--bs-border-color); 28 | z-index: 1; 29 | } 30 | 31 | span { 32 | font-size: 0.875rem; 33 | padding: 8px 24px; 34 | background: var(--bs-card-bg); 35 | z-index: 5; 36 | text-transform: capitalize; 37 | color: var(--pc-heading-color); 38 | font-weight: 500; 39 | } 40 | } 41 | 42 | .auth-form { 43 | display: flex; 44 | align-items: center; 45 | justify-content: center; 46 | flex-grow: 1; 47 | 48 | .card { 49 | width: 350px; 50 | max-width: 100%; 51 | } 52 | 53 | img + span { 54 | padding-left: 10px; 55 | } 56 | 57 | h5 { 58 | span { 59 | text-decoration: underline; 60 | } 61 | } 62 | } 63 | 64 | &.v1 { 65 | display: flex; 66 | align-items: center; 67 | 68 | .auth-form { 69 | flex-direction: column; 70 | background: var(--bs-card-bg); 71 | min-height: 100vh; 72 | padding: 24px; 73 | position: relative; 74 | justify-content: center; 75 | 76 | .card-body { 77 | padding: 40px; 78 | 79 | @include media-breakpoint-down(sm) { 80 | padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); 81 | } 82 | } 83 | } 84 | 85 | .auth-bg { 86 | .r { 87 | position: absolute; 88 | width: 300px; 89 | height: 300px; 90 | border-radius: 50%; 91 | 92 | &:first-child { 93 | top: -100px; 94 | right: -100px; 95 | background: $brand-color1; 96 | } 97 | 98 | &:last-child { 99 | left: -100px; 100 | bottom: -100px; 101 | background: $brand-color2; 102 | } 103 | 104 | &.s { 105 | width: 20px; 106 | height: 20px; 107 | 108 | &:nth-child(2) { 109 | top: 150px; 110 | right: -150px; 111 | background: $primary; 112 | } 113 | 114 | &:nth-child(3) { 115 | left: -150px; 116 | bottom: 150px; 117 | background: $success; 118 | } 119 | } 120 | 121 | &:nth-child(odd) { 122 | animation: floating 7s infinite; 123 | } 124 | 125 | &:nth-child(even) { 126 | animation: floating 9s infinite; 127 | } 128 | } 129 | } 130 | } 131 | 132 | &.v2 { 133 | display: flex; 134 | align-items: center; 135 | 136 | .auth-sidecontent { 137 | flex-grow: 1; 138 | 139 | @include media-breakpoint-down(xl) { 140 | display: none; 141 | } 142 | } 143 | 144 | .auth-form { 145 | flex-grow: 0; 146 | min-height: 100vh; 147 | background: #fff; 148 | padding: 20px; 149 | 150 | .card { 151 | border: none; 152 | box-shadow: none; 153 | } 154 | } 155 | } 156 | 157 | &.v3 { 158 | display: flex; 159 | align-items: center; 160 | 161 | .auth-form { 162 | .card { 163 | border: none; 164 | box-shadow: none; 165 | background: transparent; 166 | } 167 | } 168 | } 169 | 170 | &.v4 { 171 | display: flex; 172 | align-items: center; 173 | 174 | .auth-form { 175 | .card { 176 | width: 750px; 177 | max-width: 100%; 178 | 179 | .card-body { 180 | padding: 40px; 181 | 182 | @include media-breakpoint-down(sm) { 183 | padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); 184 | } 185 | } 186 | } 187 | } 188 | } 189 | &.v5 { 190 | display: flex; 191 | align-items: center; 192 | backdrop-filter: blur(4px); 193 | } 194 | } 195 | } 196 | 197 | .auth-option { 198 | .auth-megaoption { 199 | cursor: pointer; 200 | display: flex; 201 | flex-direction: column; 202 | align-items: center; 203 | justify-content: center; 204 | height: 180px; 205 | border: 1px solid var(--bs-border-color); 206 | border-radius: var(--bs-border-radius); 207 | 208 | svg { 209 | width: 48px; 210 | height: 48px; 211 | margin-bottom: 10px; 212 | } 213 | } 214 | 215 | .btn-check:checked { 216 | + .auth-megaoption { 217 | border-color: var(--bs-primary); 218 | background: var(--bs-primary-light); 219 | box-shadow: 220 | 0 0 0 1px var(--bs-primary), 221 | 0px 8px 24px rgba(27, 46, 94, 0.12); 222 | 223 | svg, 224 | span { 225 | color: var(--bs-primary); 226 | } 227 | } 228 | } 229 | } 230 | 231 | @keyframes floating { 232 | from { 233 | transform: rotate(0deg) translate(-10px) rotate(0deg); 234 | } 235 | 236 | to { 237 | transform: rotate(360deg) translate(-10px) rotate(-360deg); 238 | } 239 | } 240 | 241 | /**====== Authentication css end ======**/ 242 | -------------------------------------------------------------------------------- /src/assets/scss/themes/pages/_icon-pages.scss: -------------------------------------------------------------------------------- 1 | /** ===================== 2 | 23. Icon layouts css start 3 | ========================== **/ 4 | 5 | .i-main { 6 | .i-block { 7 | display: inline-flex; 8 | align-items: center; 9 | justify-content: center; 10 | width: 70px; 11 | height: 70px; 12 | margin: 5px; 13 | border: 1px solid $border-color; 14 | border-radius: var(--bs-border-radius); 15 | position: relative; 16 | cursor: pointer; 17 | 18 | i { 19 | font-size: 30px; 20 | } 21 | 22 | label { 23 | margin-bottom: 0; 24 | display: none; 25 | } 26 | 27 | span.ic-badge { 28 | position: absolute; 29 | bottom: 0; 30 | right: 0; 31 | } 32 | } 33 | } 34 | /** ===================== 35 | 23. Icon layouts css end 36 | ========================== **/ 37 | -------------------------------------------------------------------------------- /src/html/admin/README.md: -------------------------------------------------------------------------------- 1 | **Note:** *This README file is maintained to ensure the product structure aligns with the Pro version, making migration to Pro seamless when you choose to upgrade. This alignment aims to provide a smoother experience during the upgrade, especially regarding directory structure. You may notice these files and folders appearing throughout the project where they are part of the Pro version. While this might feel slightly inconvenient, it is intended to simplify your migration process and provide assistance. If these files are unnecessary for your use case, you can easily remove them.* 2 | 3 | Please continue reading below to explore the features of the Pro version: 4 | 5 | # Datta Able Admin Panel - Unlock Premium Features with the Pro Version 6 | 7 | Elevate your project with the Pro Version of the Datta Able Admin Panel! Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality. 8 | 9 | This page (folder) is a sneak peek into the premium features available in version 1.4.0. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level. 10 | 11 | ## Included in the Pro Version: 12 | 13 | [🚀 Dashboards](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/dashboard/index.html) : Advanced dashboards with real-time insights and data visualizations for actionable metrics. 14 | 15 | [📦 Widgets](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/widget/w_data.html) : A curated library of pre-built widgets for enhanced functionality and faster development. 16 | 17 | [⚙️ Admin Panel](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/admins/course-dashboard.html) : Fully responsive, user-friendly admin panels for efficient and seamless management. 18 | 19 | [🔧 Components](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/elements/bc_badges.html) : A rich collection of reusable and customizable UI components. 20 | 21 | [🚀 Advanced Components](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/elements/ac_datepicker-component.html) : Sophisticated and innovative tools to enhance the overall design and functionality of your application. 22 | 23 | [📝 Forms](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/forms/form_floating.html) : Dynamic and customizable forms with advanced validation features for a smooth user experience. 24 | 25 | [📊 Tables](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/table/tbl_bootstrap.html) : Structured, interactive tables with sorting, filtering, and pagination options. 26 | 27 | [📈 Charts](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/chart/chart-apex.html) : Beautifully designed charts powered by modern data visualization libraries. 28 | 29 | [🔒 Authentication](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/pages/register-v1.html) : Secure pages for login, registration, and password recovery, ensuring robust user management. 30 | 31 | [💬 Chat Messages](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/application/chat.html) : An integrated chat system to enhance communication within your application. 32 | 33 | [👤 User Profile](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/application/user-profile.html) : A sleek and customizable user profile page for managing user details and settings. 34 | 35 | ## Why Upgrade to the Pro Version? 36 | 37 | 🚀 Advanced Features : Access premium components and tools designed for modern, high-end projects.

    38 | ⚡ Faster Development : Pre-designed pages, widgets, and features help you save time and effort.

    39 | 📱 Fully Responsive Design : Enjoy a flawless experience across desktops, tablets, and smartphones.

    40 | 🛠 Developer-Friendly : Modular code, clear documentation, and well-structured components make customization a breeze.

    41 | 🎨 Customization-Ready : Personalize every aspect of your project with ease to match your branding needs. 42 | 43 | ## Get Started with the Pro Version! 44 | 45 | 👉 [Explore the Pro version now](https://codedthemes.com/item/datta-able-bootstrap-admin-template/) - and supercharge your development experience! 46 | -------------------------------------------------------------------------------- /src/html/application/README.md: -------------------------------------------------------------------------------- 1 | **Note:** *This README file is maintained to ensure the product structure aligns with the Pro version, making migration to Pro seamless when you choose to upgrade. This alignment aims to provide a smoother experience during the upgrade, especially regarding directory structure. You may notice these files and folders appearing throughout the project where they are part of the Pro version. While this might feel slightly inconvenient, it is intended to simplify your migration process and provide assistance. If these files are unnecessary for your use case, you can easily remove them.* 2 | 3 | Please continue reading below to explore the features of the Pro version: 4 | 5 | # Datta Able Admin Panel - Unlock Premium Features with the Pro Version 6 | 7 | Elevate your project with the Pro Version of the Datta Able Admin Panel! Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality. 8 | 9 | This page (folder) is a sneak peek into the premium features available in version 1.4.0. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level. 10 | 11 | ## Included in the Pro Version: 12 | 13 | [🚀 Dashboards](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/dashboard/index.html) : Advanced dashboards with real-time insights and data visualizations for actionable metrics. 14 | 15 | [📦 Widgets](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/widget/w_data.html) : A curated library of pre-built widgets for enhanced functionality and faster development. 16 | 17 | [⚙️ Admin Panel](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/admins/course-dashboard.html) : Fully responsive, user-friendly admin panels for efficient and seamless management. 18 | 19 | [🔧 Components](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/elements/bc_badges.html) : A rich collection of reusable and customizable UI components. 20 | 21 | [🚀 Advanced Components](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/elements/ac_datepicker-component.html) : Sophisticated and innovative tools to enhance the overall design and functionality of your application. 22 | 23 | [📝 Forms](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/forms/form_floating.html) : Dynamic and customizable forms with advanced validation features for a smooth user experience. 24 | 25 | [📊 Tables](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/table/tbl_bootstrap.html) : Structured, interactive tables with sorting, filtering, and pagination options. 26 | 27 | [📈 Charts](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/chart/chart-apex.html) : Beautifully designed charts powered by modern data visualization libraries. 28 | 29 | [🔒 Authentication](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/pages/register-v1.html) : Secure pages for login, registration, and password recovery, ensuring robust user management. 30 | 31 | [💬 Chat Messages](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/application/chat.html) : An integrated chat system to enhance communication within your application. 32 | 33 | [👤 User Profile](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/application/user-profile.html) : A sleek and customizable user profile page for managing user details and settings. 34 | 35 | ## Why Upgrade to the Pro Version? 36 | 37 | 🚀 Advanced Features : Access premium components and tools designed for modern, high-end projects.

    38 | ⚡ Faster Development : Pre-designed pages, widgets, and features help you save time and effort.

    39 | 📱 Fully Responsive Design : Enjoy a flawless experience across desktops, tablets, and smartphones.

    40 | 🛠 Developer-Friendly : Modular code, clear documentation, and well-structured components make customization a breeze.

    41 | 🎨 Customization-Ready : Personalize every aspect of your project with ease to match your branding needs. 42 | 43 | ## Get Started with the Pro Version! 44 | 45 | 👉 [Explore the Pro version now](https://codedthemes.com/item/datta-able-bootstrap-admin-template/) - and supercharge your development experience! 46 | -------------------------------------------------------------------------------- /src/html/chart/README.md: -------------------------------------------------------------------------------- 1 | **Note:** *This README file is maintained to ensure the product structure aligns with the Pro version, making migration to Pro seamless when you choose to upgrade. This alignment aims to provide a smoother experience during the upgrade, especially regarding directory structure. You may notice these files and folders appearing throughout the project where they are part of the Pro version. While this might feel slightly inconvenient, it is intended to simplify your migration process and provide assistance. If these files are unnecessary for your use case, you can easily remove them.* 2 | 3 | Please continue reading below to explore the features of the Pro version: 4 | 5 | # Datta Able Admin Panel - Unlock Premium Features with the Pro Version 6 | 7 | Elevate your project with the Pro Version of the Datta Able Admin Panel! Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality. 8 | 9 | This page (folder) is a sneak peek into the premium features available in version 1.4.0. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level. 10 | 11 | ## Included in the Pro Version: 12 | 13 | [🚀 Dashboards](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/dashboard/index.html) : Advanced dashboards with real-time insights and data visualizations for actionable metrics. 14 | 15 | [📦 Widgets](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/widget/w_data.html) : A curated library of pre-built widgets for enhanced functionality and faster development. 16 | 17 | [⚙️ Admin Panel](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/admins/course-dashboard.html) : Fully responsive, user-friendly admin panels for efficient and seamless management. 18 | 19 | [🔧 Components](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/elements/bc_badges.html) : A rich collection of reusable and customizable UI components. 20 | 21 | [🚀 Advanced Components](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/elements/ac_datepicker-component.html) : Sophisticated and innovative tools to enhance the overall design and functionality of your application. 22 | 23 | [📝 Forms](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/forms/form_floating.html) : Dynamic and customizable forms with advanced validation features for a smooth user experience. 24 | 25 | [📊 Tables](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/table/tbl_bootstrap.html) : Structured, interactive tables with sorting, filtering, and pagination options. 26 | 27 | [📈 Charts](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/chart/chart-apex.html) : Beautifully designed charts powered by modern data visualization libraries. 28 | 29 | [🔒 Authentication](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/pages/register-v1.html) : Secure pages for login, registration, and password recovery, ensuring robust user management. 30 | 31 | [💬 Chat Messages](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/application/chat.html) : An integrated chat system to enhance communication within your application. 32 | 33 | [👤 User Profile](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/application/user-profile.html) : A sleek and customizable user profile page for managing user details and settings. 34 | 35 | ## Why Upgrade to the Pro Version? 36 | 37 | 🚀 Advanced Features : Access premium components and tools designed for modern, high-end projects.

    38 | ⚡ Faster Development : Pre-designed pages, widgets, and features help you save time and effort.

    39 | 📱 Fully Responsive Design : Enjoy a flawless experience across desktops, tablets, and smartphones.

    40 | 🛠 Developer-Friendly : Modular code, clear documentation, and well-structured components make customization a breeze.

    41 | 🎨 Customization-Ready : Personalize every aspect of your project with ease to match your branding needs. 42 | 43 | ## Get Started with the Pro Version! 44 | 45 | 👉 [Explore the Pro version now](https://codedthemes.com/item/datta-able-bootstrap-admin-template/) - and supercharge your development experience! 46 | -------------------------------------------------------------------------------- /src/html/demo/README.md: -------------------------------------------------------------------------------- 1 | **Note:** *This README file is maintained to ensure the product structure aligns with the Pro version, making migration to Pro seamless when you choose to upgrade. This alignment aims to provide a smoother experience during the upgrade, especially regarding directory structure. You may notice these files and folders appearing throughout the project where they are part of the Pro version. While this might feel slightly inconvenient, it is intended to simplify your migration process and provide assistance. If these files are unnecessary for your use case, you can easily remove them.* 2 | 3 | Please continue reading below to explore the features of the Pro version: 4 | 5 | # Datta Able Admin Panel - Unlock Premium Features with the Pro Version 6 | 7 | Elevate your project with the Pro Version of the Datta Able Admin Panel! Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality. 8 | 9 | This page (folder) is a sneak peek into the premium features available in version 1.4.0. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level. 10 | 11 | ## Included in the Pro Version: 12 | 13 | [🚀 Dashboards](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/dashboard/index.html) : Advanced dashboards with real-time insights and data visualizations for actionable metrics. 14 | 15 | [📦 Widgets](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/widget/w_data.html) : A curated library of pre-built widgets for enhanced functionality and faster development. 16 | 17 | [⚙️ Admin Panel](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/admins/course-dashboard.html) : Fully responsive, user-friendly admin panels for efficient and seamless management. 18 | 19 | [🔧 Components](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/elements/bc_badges.html) : A rich collection of reusable and customizable UI components. 20 | 21 | [🚀 Advanced Components](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/elements/ac_datepicker-component.html) : Sophisticated and innovative tools to enhance the overall design and functionality of your application. 22 | 23 | [📝 Forms](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/forms/form_floating.html) : Dynamic and customizable forms with advanced validation features for a smooth user experience. 24 | 25 | [📊 Tables](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/table/tbl_bootstrap.html) : Structured, interactive tables with sorting, filtering, and pagination options. 26 | 27 | [📈 Charts](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/chart/chart-apex.html) : Beautifully designed charts powered by modern data visualization libraries. 28 | 29 | [🔒 Authentication](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/pages/register-v1.html) : Secure pages for login, registration, and password recovery, ensuring robust user management. 30 | 31 | [💬 Chat Messages](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/application/chat.html) : An integrated chat system to enhance communication within your application. 32 | 33 | [👤 User Profile](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/application/user-profile.html) : A sleek and customizable user profile page for managing user details and settings. 34 | 35 | ## Why Upgrade to the Pro Version? 36 | 37 | 🚀 Advanced Features : Access premium components and tools designed for modern, high-end projects.

    38 | ⚡ Faster Development : Pre-designed pages, widgets, and features help you save time and effort.

    39 | 📱 Fully Responsive Design : Enjoy a flawless experience across desktops, tablets, and smartphones.

    40 | 🛠 Developer-Friendly : Modular code, clear documentation, and well-structured components make customization a breeze.

    41 | 🎨 Customization-Ready : Personalize every aspect of your project with ease to match your branding needs. 42 | 43 | ## Get Started with the Pro Version! 44 | 45 | 👉 [Explore the Pro version now](https://codedthemes.com/item/datta-able-bootstrap-admin-template/) - and supercharge your development experience! 46 | -------------------------------------------------------------------------------- /src/html/forms/README.md: -------------------------------------------------------------------------------- 1 | **Note:** *This README file is maintained to ensure the product structure aligns with the Pro version, making migration to Pro seamless when you choose to upgrade. This alignment aims to provide a smoother experience during the upgrade, especially regarding directory structure. You may notice these files and folders appearing throughout the project where they are part of the Pro version. While this might feel slightly inconvenient, it is intended to simplify your migration process and provide assistance. If these files are unnecessary for your use case, you can easily remove them.* 2 | 3 | Please continue reading below to explore the features of the Pro version: 4 | 5 | # Datta Able Admin Panel - Unlock Premium Features with the Pro Version 6 | 7 | Elevate your project with the Pro Version of the Datta Able Admin Panel! Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality. 8 | 9 | This page (folder) is a sneak peek into the premium features available in version 1.4.0. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level. 10 | 11 | ## Included in the Pro Version: 12 | 13 | [🚀 Dashboards](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/dashboard/index.html) : Advanced dashboards with real-time insights and data visualizations for actionable metrics. 14 | 15 | [📦 Widgets](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/widget/w_data.html) : A curated library of pre-built widgets for enhanced functionality and faster development. 16 | 17 | [⚙️ Admin Panel](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/admins/course-dashboard.html) : Fully responsive, user-friendly admin panels for efficient and seamless management. 18 | 19 | [🔧 Components](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/elements/bc_badges.html) : A rich collection of reusable and customizable UI components. 20 | 21 | [🚀 Advanced Components](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/elements/ac_datepicker-component.html) : Sophisticated and innovative tools to enhance the overall design and functionality of your application. 22 | 23 | [📝 Forms](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/forms/form_floating.html) : Dynamic and customizable forms with advanced validation features for a smooth user experience. 24 | 25 | [📊 Tables](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/table/tbl_bootstrap.html) : Structured, interactive tables with sorting, filtering, and pagination options. 26 | 27 | [📈 Charts](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/chart/chart-apex.html) : Beautifully designed charts powered by modern data visualization libraries. 28 | 29 | [🔒 Authentication](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/pages/register-v1.html) : Secure pages for login, registration, and password recovery, ensuring robust user management. 30 | 31 | [💬 Chat Messages](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/application/chat.html) : An integrated chat system to enhance communication within your application. 32 | 33 | [👤 User Profile](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/application/user-profile.html) : A sleek and customizable user profile page for managing user details and settings. 34 | 35 | ## Why Upgrade to the Pro Version? 36 | 37 | 🚀 Advanced Features : Access premium components and tools designed for modern, high-end projects.

    38 | ⚡ Faster Development : Pre-designed pages, widgets, and features help you save time and effort.

    39 | 📱 Fully Responsive Design : Enjoy a flawless experience across desktops, tablets, and smartphones.

    40 | 🛠 Developer-Friendly : Modular code, clear documentation, and well-structured components make customization a breeze.

    41 | 🎨 Customization-Ready : Personalize every aspect of your project with ease to match your branding needs. 42 | 43 | ## Get Started with the Pro Version! 44 | 45 | 👉 [Explore the Pro version now](https://codedthemes.com/item/datta-able-bootstrap-admin-template/) - and supercharge your development experience! 46 | -------------------------------------------------------------------------------- /src/html/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Live Preview | Datta able Dashboard Template 5 | 6 | 7 | 8 | 9 | 13 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 49 | 50 |
    51 |
    52 |
    53 |
    54 |
    55 | 56 | 57 |
    58 | 59 | 95 | 96 |
    97 |
    98 |
    99 |

    100 | Explore One of the 101 | Featured Dashboard 102 | Template in Codedthemes 103 |

    104 |
    105 |
    106 |

    107 | Datta able is the one of the Featured admin dashboard template in Envato Marketplace and used by over 2.5K+ Customers 108 | wordwide. 109 |

    110 |
    111 |
    112 |
    113 | Explore Components 114 | Live Preview 115 |
    116 |
    117 | images 118 |
    119 |
    120 |
    121 |
    122 | images 123 |
    124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 152 | 153 | 154 | 155 | -------------------------------------------------------------------------------- /src/html/layouts/breadcrumb.html: -------------------------------------------------------------------------------- 1 | 2 |
    3 |
    4 |
    5 |
    6 |
    7 |
    @@breadcrumb-item-active
    8 |
    9 |
    10 |
    11 | 16 |
    17 |
    18 |
    19 |
    20 | 21 | -------------------------------------------------------------------------------- /src/html/layouts/footer-block.html: -------------------------------------------------------------------------------- 1 | 15 | -------------------------------------------------------------------------------- /src/html/layouts/footer-js.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | @@if (pc_dark_layout == 'default') { 11 | 24 | } @@if (pc_dark_layout != 'default') { @@if (pc_dark_layout == 'true') { 25 | 28 | } @@if (pc_dark_layout == 'false') { 29 | 32 | } } @@if (pc_box_container == 'true') { 33 | 36 | } @@if (pc_box_container == 'false') { 37 | 40 | } @@if (pc_caption_show == 'true') { 41 | 44 | } @@if (pc_caption_show == 'false') { 45 | 48 | } @@if (pc_rtl_layout == 'true') { 49 | 52 | } @@if (pc_rtl_layout == 'false') { 53 | 56 | } @@if (pc_preset_theme != ""){ 57 | 60 | } @@if (pc_sidebar_theme == 'dark') { 61 | 64 | } @@if (pc_sidebar_theme == 'light') { 65 | 68 | } @@if (pc_header_theme != ""){ 69 | 72 | } @@if (pc_navbar_bg_theme != ""){ 73 | 76 | } @@if (pc_logo_theme != ""){ 77 | 80 | } @@if (pc_navbar_caption_theme != ""){ 81 | 84 | } @@if (pc_navbar_image_theme != ""){ 85 | 88 | } @@if (pc_nav_dropdown_icon_theme != ""){ 89 | 92 | } @@if (pc_nav_dropdown_link_icon_theme != ""){ 93 | 96 | } 97 | -------------------------------------------------------------------------------- /src/html/layouts/head-css.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 25 | 26 | 44 | 45 | 59 | -------------------------------------------------------------------------------- /src/html/layouts/head-page-meta.html: -------------------------------------------------------------------------------- 1 | @@title | Datta able Dashboard Template 2 | 3 | 4 | 5 | 6 | 10 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/html/layouts/layout-vertical.html: -------------------------------------------------------------------------------- 1 | @@include('./loader.html') @@include('./sidebar.html') @@include('./topbar.html') 2 | -------------------------------------------------------------------------------- /src/html/layouts/loader.html: -------------------------------------------------------------------------------- 1 | 2 |
    3 |
    4 |
    5 |
    6 |
    7 | 8 | -------------------------------------------------------------------------------- /src/html/layouts/menu-list.html: -------------------------------------------------------------------------------- 1 |
  • 2 | 3 |
    • 4 |
  • 5 | 6 | 7 | 8 | 9 | Dashboard 10 | 11 |
    • 12 |
  • 13 | 14 | 15 |
    • 16 |
  • 17 | 18 | 19 | Color 20 | 21 |
    • 22 |
  • 23 | 24 | 25 | Typography 26 | 27 |
    • 28 |
  • 29 | 30 | 31 | Icons 32 | 33 |
    • 34 |
  • 35 | 36 | 37 |
    • 38 |
  • 39 | 40 | 41 | Login 42 | 43 |
    • 44 |
  • 45 | 46 | 47 | Register 48 | 49 |
    • 50 |
  • 51 | 52 | 53 |
    • 54 |
  • 55 | 56 | 57 | 58 | 59 | Menu levels 60 | 61 | 101 |
    • 102 |
  • 103 | 104 | 105 | Sample page 106 | 107 |
    • 108 | -------------------------------------------------------------------------------- /src/html/layouts/sidebar.html: -------------------------------------------------------------------------------- 1 | 2 | 30 | 31 | -------------------------------------------------------------------------------- /src/html/layouts/topbar.html: -------------------------------------------------------------------------------- 1 | 2 |
    3 |
    @@include('./header-content.html')
    4 |
    5 | 6 | -------------------------------------------------------------------------------- /src/html/other/sample-page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | @@include('../layouts/head-page-meta.html', {'title': 'Sample Page'}) @@include('../layouts/head-css.html') 7 | 8 | 9 | 10 | 11 | 12 | @@include('../layouts/layout-vertical.html') 13 | 14 | 15 |
    16 |
    17 | @@include('../layouts/breadcrumb.html', {'breadcrumb-item': 'Other', 'breadcrumb-item-active': 'Sample Page'}) 18 | 19 | 20 |
    21 | 22 |
    23 |
    24 |
    25 |
    Hello card
    26 |
    27 |
    28 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dicta odit ipsa accusantium tenetur aliquid laborum magnam culpa 29 | assumenda optio earum odio sed, architecto reprehenderit ad accusamus, natus quia, inventore adipisci. 30 |
    31 |
    32 |
    33 | 34 |
    35 | 36 |
    37 |
    38 | 39 | @@include('../layouts/footer-block.html') @@include('../layouts/footer-js.html') 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /src/html/pages/login-v1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | @@include('../layouts/head-page-meta.html', {'title': 'Login'}) @@include('../layouts/head-css.html') 7 | 8 | 9 | 10 | 11 | 12 | @@include('../layouts/loader.html') 13 |
    14 |
    15 |
    16 |
    17 |
    18 | 19 | 20 | 21 | 22 |
    23 |
    24 |
    25 |
    26 | img 27 |
    28 |

    Login

    29 |
    30 | 31 |
    32 |
    33 | 34 |
    35 |
    36 |
    37 | 38 | 39 |
    40 |
    Forgot Password?
    41 |
    42 |
    43 | 44 |
    45 |
    46 |
    Don't have an Account?
    47 | Create Account 48 |
    49 |
    50 |
    51 |
    52 |
    53 |
    54 |
    55 | 56 | @@include('../layouts/footer-js.html') 57 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /src/html/pages/register-v1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | @@include('../layouts/head-page-meta.html', {'title': 'Register'}) @@include('../layouts/head-css.html') 7 | 8 | 9 | 10 | 11 | 12 | @@include('../layouts/loader.html') 13 |
    14 |
    15 |
    16 |
    17 |
    18 | 19 | 20 | 21 | 22 |
    23 |
    24 |
    25 |
    26 | img 27 |
    28 |

    Sign up

    29 |
    30 |
    31 |
    32 | 33 |
    34 |
    35 |
    36 |
    37 | 38 |
    39 |
    40 |
    41 |
    42 | 43 |
    44 |
    45 | 46 |
    47 |
    48 | 49 |
    50 |
    51 |
    52 | 53 | 54 |
    55 |
    56 |
    57 | 58 |
    59 |
    60 |
    Already have an Account?
    61 | Login 62 |
    63 |
    64 |
    65 |
    66 |
    67 |
    68 |
    69 | 70 | @@include('../layouts/footer-js.html') 71 | 72 | 73 | 74 | -------------------------------------------------------------------------------- /src/html/table/README.md: -------------------------------------------------------------------------------- 1 | **Note:** *This README file is maintained to ensure the product structure aligns with the Pro version, making migration to Pro seamless when you choose to upgrade. This alignment aims to provide a smoother experience during the upgrade, especially regarding directory structure. You may notice these files and folders appearing throughout the project where they are part of the Pro version. While this might feel slightly inconvenient, it is intended to simplify your migration process and provide assistance. If these files are unnecessary for your use case, you can easily remove them.* 2 | 3 | Please continue reading below to explore the features of the Pro version: 4 | 5 | # Datta Able Admin Panel - Unlock Premium Features with the Pro Version 6 | 7 | Elevate your project with the Pro Version of the Datta Able Admin Panel! Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality. 8 | 9 | This page (folder) is a sneak peek into the premium features available in version 1.4.0. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level. 10 | 11 | ## Included in the Pro Version: 12 | 13 | [🚀 Dashboards](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/dashboard/index.html) : Advanced dashboards with real-time insights and data visualizations for actionable metrics. 14 | 15 | [📦 Widgets](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/widget/w_data.html) : A curated library of pre-built widgets for enhanced functionality and faster development. 16 | 17 | [⚙️ Admin Panel](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/admins/course-dashboard.html) : Fully responsive, user-friendly admin panels for efficient and seamless management. 18 | 19 | [🔧 Components](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/elements/bc_badges.html) : A rich collection of reusable and customizable UI components. 20 | 21 | [🚀 Advanced Components](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/elements/ac_datepicker-component.html) : Sophisticated and innovative tools to enhance the overall design and functionality of your application. 22 | 23 | [📝 Forms](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/forms/form_floating.html) : Dynamic and customizable forms with advanced validation features for a smooth user experience. 24 | 25 | [📊 Tables](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/table/tbl_bootstrap.html) : Structured, interactive tables with sorting, filtering, and pagination options. 26 | 27 | [📈 Charts](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/chart/chart-apex.html) : Beautifully designed charts powered by modern data visualization libraries. 28 | 29 | [🔒 Authentication](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/pages/register-v1.html) : Secure pages for login, registration, and password recovery, ensuring robust user management. 30 | 31 | [💬 Chat Messages](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/application/chat.html) : An integrated chat system to enhance communication within your application. 32 | 33 | [👤 User Profile](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/application/user-profile.html) : A sleek and customizable user profile page for managing user details and settings. 34 | 35 | ## Why Upgrade to the Pro Version? 36 | 37 | 🚀 Advanced Features : Access premium components and tools designed for modern, high-end projects.

    38 | ⚡ Faster Development : Pre-designed pages, widgets, and features help you save time and effort.

    39 | 📱 Fully Responsive Design : Enjoy a flawless experience across desktops, tablets, and smartphones.

    40 | 🛠 Developer-Friendly : Modular code, clear documentation, and well-structured components make customization a breeze.

    41 | 🎨 Customization-Ready : Personalize every aspect of your project with ease to match your branding needs. 42 | 43 | ## Get Started with the Pro Version! 44 | 45 | 👉 [Explore the Pro version now](https://codedthemes.com/item/datta-able-bootstrap-admin-template/) - and supercharge your development experience! 46 | -------------------------------------------------------------------------------- /src/html/widget/README.md: -------------------------------------------------------------------------------- 1 | **Note:** *This README file is maintained to ensure the product structure aligns with the Pro version, making migration to Pro seamless when you choose to upgrade. This alignment aims to provide a smoother experience during the upgrade, especially regarding directory structure. You may notice these files and folders appearing throughout the project where they are part of the Pro version. While this might feel slightly inconvenient, it is intended to simplify your migration process and provide assistance. If these files are unnecessary for your use case, you can easily remove them.* 2 | 3 | Please continue reading below to explore the features of the Pro version: 4 | 5 | # Datta Able Admin Panel - Unlock Premium Features with the Pro Version 6 | 7 | Elevate your project with the Pro Version of the Datta Able Admin Panel! Built to cater to modern web applications, the Pro version is loaded with advanced features, intuitive design elements, and dynamic tools that ensure seamless functionality. 8 | 9 | This page (folder) is a sneak peek into the premium features available in version 1.4.0. Upgrade to the Pro version to unlock exclusive pages and components that will take your project to the next level. 10 | 11 | ## Included in the Pro Version: 12 | 13 | [🚀 Dashboards](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/dashboard/index.html) : Advanced dashboards with real-time insights and data visualizations for actionable metrics. 14 | 15 | [📦 Widgets](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/widget/w_data.html) : A curated library of pre-built widgets for enhanced functionality and faster development. 16 | 17 | [⚙️ Admin Panel](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/admins/course-dashboard.html) : Fully responsive, user-friendly admin panels for efficient and seamless management. 18 | 19 | [🔧 Components](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/elements/bc_badges.html) : A rich collection of reusable and customizable UI components. 20 | 21 | [🚀 Advanced Components](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/elements/ac_datepicker-component.html) : Sophisticated and innovative tools to enhance the overall design and functionality of your application. 22 | 23 | [📝 Forms](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/forms/form_floating.html) : Dynamic and customizable forms with advanced validation features for a smooth user experience. 24 | 25 | [📊 Tables](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/table/tbl_bootstrap.html) : Structured, interactive tables with sorting, filtering, and pagination options. 26 | 27 | [📈 Charts](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/chart/chart-apex.html) : Beautifully designed charts powered by modern data visualization libraries. 28 | 29 | [🔒 Authentication](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/pages/register-v1.html) : Secure pages for login, registration, and password recovery, ensuring robust user management. 30 | 31 | [💬 Chat Messages](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/application/chat.html) : An integrated chat system to enhance communication within your application. 32 | 33 | [👤 User Profile](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/application/user-profile.html) : A sleek and customizable user profile page for managing user details and settings. 34 | 35 | ## Why Upgrade to the Pro Version? 36 | 37 | 🚀 Advanced Features : Access premium components and tools designed for modern, high-end projects.

    38 | ⚡ Faster Development : Pre-designed pages, widgets, and features help you save time and effort.

    39 | 📱 Fully Responsive Design : Enjoy a flawless experience across desktops, tablets, and smartphones.

    40 | 🛠 Developer-Friendly : Modular code, clear documentation, and well-structured components make customization a breeze.

    41 | 🎨 Customization-Ready : Personalize every aspect of your project with ease to match your branding needs. 42 | 43 | ## Get Started with the Pro Version! 44 | 45 | 👉 [Explore the Pro version now](https://codedthemes.com/item/datta-able-bootstrap-admin-template/) - and supercharge your development experience! 46 | --------------------------------------------------------------------------------