├── .DS_Store ├── .gitignore ├── LICENSE.md ├── README.md ├── package-lock.json ├── package.json ├── public ├── android-chrome-192x192.png ├── android-chrome-512x512.png ├── apple-touch-icon.png ├── browserconfig.xml ├── favicon-16x16.png ├── favicon-32x32.png ├── favicon.ico ├── index.html ├── manifest.json ├── mstile-150x150.png ├── robots.txt ├── safari-pinned-tab.svg └── site.webmanifest ├── src ├── .DS_Store ├── assets │ ├── .DS_Store │ ├── img │ │ ├── brand │ │ │ ├── dark.svg │ │ │ └── light.svg │ │ ├── favicon │ │ │ ├── android-chrome-192x192.png │ │ │ ├── android-chrome-512x512.png │ │ │ ├── apple-touch-icon.png │ │ │ ├── browserconfig.xml │ │ │ ├── favicon-16x16.png │ │ │ ├── favicon-32x32.png │ │ │ ├── favicon.ico │ │ │ ├── manifest.json │ │ │ ├── mstile-150x150.png │ │ │ ├── safari-pinned-tab.svg │ │ │ └── site.webmanifest │ │ ├── flags │ │ │ ├── aland-islands.svg │ │ │ ├── albania.svg │ │ │ ├── algeria.svg │ │ │ ├── american-samoa.svg │ │ │ ├── anguilla.svg │ │ │ ├── argentina.svg │ │ │ ├── armenia.svg │ │ │ ├── australia.svg │ │ │ ├── austria.svg │ │ │ ├── azerbaijan.svg │ │ │ ├── bahrain.svg │ │ │ ├── belarus.svg │ │ │ ├── belgium.svg │ │ │ ├── bolivia.svg │ │ │ ├── bosnia-and-herzegovina.svg │ │ │ ├── botswana.svg │ │ │ ├── brazil.svg │ │ │ ├── bulgaria.svg │ │ │ ├── cambodia.svg │ │ │ ├── cameroon.svg │ │ │ ├── canada.svg │ │ │ ├── chile.svg │ │ │ ├── china.svg │ │ │ ├── colombia.svg │ │ │ ├── costa-rica.svg │ │ │ ├── croatia.svg │ │ │ ├── cuba.svg │ │ │ ├── cyprus.svg │ │ │ ├── czech-republic.svg │ │ │ ├── denmark.svg │ │ │ ├── ecuador.svg │ │ │ ├── egypt.svg │ │ │ ├── estonia.svg │ │ │ ├── ethiopia.svg │ │ │ ├── finland.svg │ │ │ ├── france.svg │ │ │ ├── georgia.svg │ │ │ ├── germany.svg │ │ │ ├── greece.svg │ │ │ ├── haiti.svg │ │ │ ├── hong-kong.svg │ │ │ ├── hungary.svg │ │ │ ├── iceland.svg │ │ │ ├── india.svg │ │ │ ├── indonesia.svg │ │ │ ├── iran.svg │ │ │ ├── iraq.svg │ │ │ ├── ireland.svg │ │ │ ├── israel.svg │ │ │ ├── italy.svg │ │ │ ├── ivory-coast.svg │ │ │ ├── japan.svg │ │ │ ├── kazakhstan.svg │ │ │ ├── kuwait.svg │ │ │ ├── latvia.svg │ │ │ ├── liechtenstein.svg │ │ │ ├── lithuania.svg │ │ │ ├── luxembourg.svg │ │ │ ├── malaysia.svg │ │ │ ├── mexico.svg │ │ │ ├── mongolia.svg │ │ │ ├── montenegro.svg │ │ │ ├── nauru.svg │ │ │ ├── netherlands.svg │ │ │ ├── nicaragua.svg │ │ │ ├── nigeria.svg │ │ │ ├── norway.svg │ │ │ ├── pakistan.svg │ │ │ ├── panama.svg │ │ │ ├── paraguay.svg │ │ │ ├── peru.svg │ │ │ ├── philippines.svg │ │ │ ├── portugal.svg │ │ │ ├── puerto-rico.svg │ │ │ ├── republic-of-macedonia.svg │ │ │ ├── republic-of-poland.svg │ │ │ ├── romania.svg │ │ │ ├── russia.svg │ │ │ ├── serbia.svg │ │ │ ├── singapore.svg │ │ │ ├── slovakia.svg │ │ │ ├── slovenia.svg │ │ │ ├── south-africa.svg │ │ │ ├── south-korea.svg │ │ │ ├── spain.svg │ │ │ ├── sri-lanka.svg │ │ │ ├── sweden.svg │ │ │ ├── switzerland.svg │ │ │ ├── taiwan.svg │ │ │ ├── thailand.svg │ │ │ ├── tunisia.svg │ │ │ ├── turkey.svg │ │ │ ├── ukraine.svg │ │ │ ├── united-arab-emirates.svg │ │ │ ├── united-kingdom.svg │ │ │ ├── united-states-of-america.svg │ │ │ ├── united-states.svg │ │ │ ├── uruguay.svg │ │ │ ├── venezuela.svg │ │ │ └── vietnam.svg │ │ ├── icons │ │ │ ├── github.svg │ │ │ ├── google-tag-manager.svg │ │ │ └── google_analytics.svg │ │ ├── illustrations │ │ │ ├── 404.svg │ │ │ ├── 500.svg │ │ │ ├── bs5-illustrations.svg │ │ │ └── signin.svg │ │ ├── mapbox-token-create.png │ │ ├── marker.svg │ │ ├── mockup-calendar-presentation.png │ │ ├── mockup-map-presentation.png │ │ ├── mockup-presentation.png │ │ ├── pages │ │ │ ├── 404.jpg │ │ │ ├── 500.jpg │ │ │ ├── forgot-password.jpg │ │ │ ├── lock.jpg │ │ │ ├── overview.jpg │ │ │ ├── reset-password.jpg │ │ │ ├── settings.jpg │ │ │ ├── sign-in.jpg │ │ │ ├── sign-up.jpg │ │ │ └── transactions.jpg │ │ ├── paypal-logo.svg │ │ ├── profile-cover.jpg │ │ ├── react-mockup.jpg │ │ ├── react-mockup.png │ │ ├── team │ │ │ ├── profile-picture-1.jpg │ │ │ ├── profile-picture-2.jpg │ │ │ ├── profile-picture-3.jpg │ │ │ ├── profile-picture-4.jpg │ │ │ ├── profile-picture-5.jpg │ │ │ ├── profile-picture-6.jpg │ │ │ └── profile-picture-freelancer.jpg │ │ ├── technologies │ │ │ ├── bootstrap-5-logo.svg │ │ │ ├── laravel-logo.svg │ │ │ ├── react-hero-logo.svg │ │ │ ├── react-logo-primary.svg │ │ │ ├── react-logo-transparent.svg │ │ │ ├── react-logo.svg │ │ │ └── vuejs-logo.svg │ │ ├── themesberg-logo.svg │ │ └── themesberg.svg │ └── syntax-themes │ │ ├── ghcolors.json │ │ └── xonokai.json ├── components │ ├── AccordionComponent.js │ ├── Charts.js │ ├── Code.js │ ├── CodeEditor.js │ ├── Documentation.js │ ├── Footer.js │ ├── Forms.js │ ├── Navbar.js │ ├── Preloader.js │ ├── Progress.js │ ├── ScrollToTop.js │ ├── Sidebar.js │ ├── Tables.js │ └── Widgets.js ├── data │ ├── charts.js │ ├── commands.js │ ├── features.js │ ├── notifications.js │ ├── pages.js │ ├── tables.js │ ├── teamMembers.js │ └── transactions.js ├── index.js ├── pages │ ├── HomePage.js │ ├── Presentation.js │ ├── Settings.js │ ├── Transactions.js │ ├── Upgrade.js │ ├── components │ │ ├── Accordion.js │ │ ├── Alerts.js │ │ ├── Badges.js │ │ ├── Breadcrumbs.js │ │ ├── Buttons.js │ │ ├── Forms.js │ │ ├── Modals.js │ │ ├── Navbars.js │ │ ├── Navs.js │ │ ├── Pagination.js │ │ ├── Popovers.js │ │ ├── Progress.js │ │ ├── Tables.js │ │ ├── Tabs.js │ │ ├── Toasts.js │ │ └── Tooltips.js │ ├── dashboard │ │ └── DashboardOverview.js │ ├── documentation │ │ ├── DocsBuild.js │ │ ├── DocsChangelog.js │ │ ├── DocsDownload.js │ │ ├── DocsFolderStructure.js │ │ ├── DocsLicense.js │ │ ├── DocsOverview.js │ │ └── DocsQuickStart.js │ ├── examples │ │ ├── ForgotPassword.js │ │ ├── Lock.js │ │ ├── NotFound.js │ │ ├── ResetPassword.js │ │ ├── ServerError.js │ │ ├── Signin.js │ │ └── Signup.js │ └── tables │ │ └── BootstrapTables.js ├── routes.js └── scss │ ├── volt.scss │ └── volt │ ├── _components.scss │ ├── _functions.scss │ ├── _layout.scss │ ├── _mixins.scss │ ├── _reboot.scss │ ├── _utilities.scss │ ├── _variables.scss │ ├── _vendor.scss │ ├── components │ ├── _accordions.scss │ ├── _alerts.scss │ ├── _avatars.scss │ ├── _badge.scss │ ├── _blog-cards.scss │ ├── _breadcrumb.scss │ ├── _buttons.scss │ ├── _card.scss │ ├── _carousel.scss │ ├── _charts.scss │ ├── _close.scss │ ├── _counters.scss │ ├── _custom-forms.scss │ ├── _datepicker.scss │ ├── _dropdown.scss │ ├── _dropzone.scss │ ├── _forms.scss │ ├── _icon-box.scss │ ├── _images.scss │ ├── _input-group.scss │ ├── _list-group.scss │ ├── _modal.scss │ ├── _nav.scss │ ├── _pagination.scss │ ├── _popover.scss │ ├── _preloader.scss │ ├── _pricing-cards.scss │ ├── _progress.scss │ ├── _scrollbar.scss │ ├── _shapes.scss │ ├── _tables.scss │ ├── _timelines.scss │ ├── _tooltip.scss │ └── _type.scss │ ├── layout │ ├── _footer.scss │ ├── _navbar.scss │ ├── _section.scss │ ├── _sidebar.scss │ └── _sidenav.scss │ ├── mixins │ ├── _animations.scss │ ├── _background-variant.scss │ ├── _icon.scss │ ├── _modals.scss │ ├── _popover.scss │ ├── _transform.scss │ └── _utilities.scss │ ├── themes │ ├── _variables-dark.scss │ ├── _variables-light.scss │ └── _variables-sunset.scss │ ├── utilities │ ├── _animations.scss │ ├── _backgrounds.scss │ ├── _helper.scss │ ├── _position.scss │ ├── _shadows.scss │ ├── _sizing.scss │ ├── _text.scss │ └── _transform.scss │ └── vendor │ ├── _datepicker.scss │ ├── _headroom.scss │ ├── _prism.scss │ ├── chartist │ ├── _chartist.scss │ └── settings │ │ └── _chartist-settings.scss │ └── wizard │ ├── _form.scss │ ├── _mixins.scss │ └── _variables.scss └── yarn.lock /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/.DS_Store -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | build/ 3 | .DS_Store 4 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | Copyright 2021 Themesberg (Crafty Dwarf LLC) 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 4 | 5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 6 | 7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -------------------------------------------------------------------------------- /public/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/public/android-chrome-192x192.png -------------------------------------------------------------------------------- /public/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/public/android-chrome-512x512.png -------------------------------------------------------------------------------- /public/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/public/apple-touch-icon.png -------------------------------------------------------------------------------- /public/browserconfig.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | #ffffff 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /public/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/public/favicon-16x16.png -------------------------------------------------------------------------------- /public/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/public/favicon-32x32.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/public/favicon.ico -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Volt React Dashboard", 3 | "short_name": "Volt React Dashboard", 4 | "icons": [ 5 | { 6 | "src": "/docs/4.3/assets/img/favicons/android-chrome-192x192.png", 7 | "sizes": "192x192", 8 | "type": "image/png" 9 | }, 10 | { 11 | "src": "/docs/4.3/assets/img/favicons/android-chrome-512x512.png", 12 | "sizes": "512x512", 13 | "type": "image/png" 14 | } 15 | ], 16 | "start_url": "/?utm_source=a2hs", 17 | "theme_color": "#563d7c", 18 | "background_color": "#563d7c", 19 | "display": "standalone" 20 | } 21 | -------------------------------------------------------------------------------- /public/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/public/mstile-150x150.png -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /public/site.webmanifest: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Volt React Dashboard", 3 | "short_name": "Volt React Dashboard", 4 | "icons": [ 5 | { 6 | "src": "/android-chrome-192x192.png", 7 | "sizes": "192x192", 8 | "type": "image/png" 9 | }, 10 | { 11 | "src": "/android-chrome-512x512.png", 12 | "sizes": "512x512", 13 | "type": "image/png" 14 | } 15 | ], 16 | "theme_color": "#ffffff", 17 | "background_color": "#ffffff", 18 | "display": "standalone" 19 | } 20 | -------------------------------------------------------------------------------- /src/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/.DS_Store -------------------------------------------------------------------------------- /src/assets/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/.DS_Store -------------------------------------------------------------------------------- /src/assets/img/brand/dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 9 | 10 | 13 | 14 | -------------------------------------------------------------------------------- /src/assets/img/brand/light.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/img/favicon/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/favicon/android-chrome-192x192.png -------------------------------------------------------------------------------- /src/assets/img/favicon/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/favicon/android-chrome-512x512.png -------------------------------------------------------------------------------- /src/assets/img/favicon/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/favicon/apple-touch-icon.png -------------------------------------------------------------------------------- /src/assets/img/favicon/browserconfig.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | #ffffff 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/img/favicon/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/favicon/favicon-16x16.png -------------------------------------------------------------------------------- /src/assets/img/favicon/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/favicon/favicon-32x32.png -------------------------------------------------------------------------------- /src/assets/img/favicon/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/favicon/favicon.ico -------------------------------------------------------------------------------- /src/assets/img/favicon/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Bootstrap", 3 | "short_name": "Bootstrap", 4 | "icons": [ 5 | { 6 | "src": "/docs/4.3/assets/img/favicons/android-chrome-192x192.png", 7 | "sizes": "192x192", 8 | "type": "image/png" 9 | }, 10 | { 11 | "src": "/docs/4.3/assets/img/favicons/android-chrome-512x512.png", 12 | "sizes": "512x512", 13 | "type": "image/png" 14 | } 15 | ], 16 | "start_url": "/?utm_source=a2hs", 17 | "theme_color": "#563d7c", 18 | "background_color": "#563d7c", 19 | "display": "standalone" 20 | } 21 | -------------------------------------------------------------------------------- /src/assets/img/favicon/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/favicon/mstile-150x150.png -------------------------------------------------------------------------------- /src/assets/img/favicon/site.webmanifest: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Themesberg", 3 | "short_name": "Themesberg", 4 | "icons": [ 5 | { 6 | "src": "/android-chrome-192x192.png", 7 | "sizes": "192x192", 8 | "type": "image/png" 9 | }, 10 | { 11 | "src": "/android-chrome-512x512.png", 12 | "sizes": "512x512", 13 | "type": "image/png" 14 | } 15 | ], 16 | "theme_color": "#ffffff", 17 | "background_color": "#ffffff", 18 | "display": "standalone" 19 | } 20 | -------------------------------------------------------------------------------- /src/assets/img/flags/aland-islands.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 9 | 10 | 12 | 14 | 15 | 16 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /src/assets/img/flags/albania.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 13 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /src/assets/img/flags/algeria.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 10 | 13 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /src/assets/img/flags/american-samoa.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 9 | 11 | 12 | 14 | 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 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /src/assets/img/flags/argentina.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 13 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /src/assets/img/flags/armenia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /src/assets/img/flags/austria.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | 42 | -------------------------------------------------------------------------------- /src/assets/img/flags/azerbaijan.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 8 | 9 | 10 | 13 | 16 | 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 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /src/assets/img/flags/bahrain.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /src/assets/img/flags/belarus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 13 | 15 | 16 | 18 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /src/assets/img/flags/belgium.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /src/assets/img/flags/bolivia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /src/assets/img/flags/botswana.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 10 | 11 | 13 | 15 | 16 | 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 | 42 | 43 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /src/assets/img/flags/brazil.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /src/assets/img/flags/bulgaria.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /src/assets/img/flags/cambodia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 8 | 9 | 10 | 11 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /src/assets/img/flags/cameroon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | 42 | -------------------------------------------------------------------------------- /src/assets/img/flags/canada.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 12 | 13 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /src/assets/img/flags/chile.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | -------------------------------------------------------------------------------- /src/assets/img/flags/china.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 9 | 10 | 11 | 13 | 15 | 17 | 19 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /src/assets/img/flags/colombia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /src/assets/img/flags/costa-rica.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | 42 | 43 | -------------------------------------------------------------------------------- /src/assets/img/flags/cuba.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 15 | 17 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /src/assets/img/flags/cyprus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 10 | 13 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /src/assets/img/flags/czech-republic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 8 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | -------------------------------------------------------------------------------- /src/assets/img/flags/denmark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 9 | 10 | 12 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /src/assets/img/flags/ecuador.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 8 | 9 | 10 | 12 | 16 | 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 | 42 | 43 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /src/assets/img/flags/egypt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 12 | 13 | 14 | 15 | 16 | 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 | 42 | 43 | -------------------------------------------------------------------------------- /src/assets/img/flags/estonia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /src/assets/img/flags/ethiopia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 9 | 10 | 11 | 12 | 14 | 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 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /src/assets/img/flags/finland.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /src/assets/img/flags/france.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /src/assets/img/flags/germany.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 8 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | -------------------------------------------------------------------------------- /src/assets/img/flags/greece.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 10 | 11 | 13 | 15 | 16 | 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 | 42 | 43 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /src/assets/img/flags/haiti.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /src/assets/img/flags/hong-kong.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 10 | 13 | 15 | 17 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /src/assets/img/flags/hungary.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /src/assets/img/flags/iceland.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 10 | 12 | 13 | 14 | 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 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /src/assets/img/flags/india.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 13 | 14 | 15 | 16 | 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 | 42 | 43 | -------------------------------------------------------------------------------- /src/assets/img/flags/indonesia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /src/assets/img/flags/iran.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 10 | 13 | 16 | 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 | 42 | 43 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /src/assets/img/flags/iraq.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 13 | 15 | 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 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /src/assets/img/flags/ireland.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /src/assets/img/flags/israel.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 12 | 14 | 16 | 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 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /src/assets/img/flags/italy.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /src/assets/img/flags/ivory-coast.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /src/assets/img/flags/japan.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /src/assets/img/flags/kazakhstan.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 9 | 11 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /src/assets/img/flags/kuwait.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | -------------------------------------------------------------------------------- /src/assets/img/flags/latvia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | -------------------------------------------------------------------------------- /src/assets/img/flags/liechtenstein.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | 42 | -------------------------------------------------------------------------------- /src/assets/img/flags/lithuania.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /src/assets/img/flags/luxembourg.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /src/assets/img/flags/malaysia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 13 | 14 | 15 | 18 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 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 | -------------------------------------------------------------------------------- /src/assets/img/flags/mexico.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 16 | 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 | 42 | 43 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /src/assets/img/flags/mongolia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /src/assets/img/flags/nauru.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /src/assets/img/flags/netherlands.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /src/assets/img/flags/nicaragua.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 13 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /src/assets/img/flags/nigeria.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | -------------------------------------------------------------------------------- /src/assets/img/flags/norway.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 10 | 12 | 13 | 14 | 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 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /src/assets/img/flags/pakistan.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 16 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /src/assets/img/flags/panama.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 10 | 12 | 13 | 14 | 15 | 16 | 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 | 42 | 43 | -------------------------------------------------------------------------------- /src/assets/img/flags/paraguay.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 12 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /src/assets/img/flags/peru.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | -------------------------------------------------------------------------------- /src/assets/img/flags/portugal.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 9 | 10 | 12 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /src/assets/img/flags/puerto-rico.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 14 | 16 | 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 | 42 | 43 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /src/assets/img/flags/republic-of-macedonia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /src/assets/img/flags/republic-of-poland.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /src/assets/img/flags/romania.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 10 | 12 | 13 | 14 | 15 | 16 | 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 | 42 | 43 | -------------------------------------------------------------------------------- /src/assets/img/flags/russia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /src/assets/img/flags/slovenia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 8 | 9 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | 42 | -------------------------------------------------------------------------------- /src/assets/img/flags/south-africa.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 9 | 12 | 14 | 16 | 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 | 42 | 43 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /src/assets/img/flags/spain.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | 42 | -------------------------------------------------------------------------------- /src/assets/img/flags/sri-lanka.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 9 | 11 | 12 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /src/assets/img/flags/sweden.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 9 | 10 | 12 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /src/assets/img/flags/switzerland.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /src/assets/img/flags/taiwan.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 7 | 8 | 11 | 12 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /src/assets/img/flags/thailand.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | 42 | 43 | -------------------------------------------------------------------------------- /src/assets/img/flags/tunisia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 10 | 13 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /src/assets/img/flags/turkey.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 9 | 12 | 13 | 14 | 15 | 16 | 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 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /src/assets/img/flags/ukraine.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /src/assets/img/flags/united-arab-emirates.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 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 | -------------------------------------------------------------------------------- /src/assets/img/flags/uruguay.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 8 | 9 | 11 | 12 | 13 | 14 | 16 | 17 | 18 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /src/assets/img/flags/vietnam.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /src/assets/img/icons/google-tag-manager.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 10 | 11 | 12 | 14 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /src/assets/img/icons/google_analytics.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/img/mapbox-token-create.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/mapbox-token-create.png -------------------------------------------------------------------------------- /src/assets/img/marker.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/img/mockup-calendar-presentation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/mockup-calendar-presentation.png -------------------------------------------------------------------------------- /src/assets/img/mockup-map-presentation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/mockup-map-presentation.png -------------------------------------------------------------------------------- /src/assets/img/mockup-presentation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/mockup-presentation.png -------------------------------------------------------------------------------- /src/assets/img/pages/404.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/pages/404.jpg -------------------------------------------------------------------------------- /src/assets/img/pages/500.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/pages/500.jpg -------------------------------------------------------------------------------- /src/assets/img/pages/forgot-password.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/pages/forgot-password.jpg -------------------------------------------------------------------------------- /src/assets/img/pages/lock.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/pages/lock.jpg -------------------------------------------------------------------------------- /src/assets/img/pages/overview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/pages/overview.jpg -------------------------------------------------------------------------------- /src/assets/img/pages/reset-password.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/pages/reset-password.jpg -------------------------------------------------------------------------------- /src/assets/img/pages/settings.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/pages/settings.jpg -------------------------------------------------------------------------------- /src/assets/img/pages/sign-in.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/pages/sign-in.jpg -------------------------------------------------------------------------------- /src/assets/img/pages/sign-up.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/pages/sign-up.jpg -------------------------------------------------------------------------------- /src/assets/img/pages/transactions.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/pages/transactions.jpg -------------------------------------------------------------------------------- /src/assets/img/profile-cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/profile-cover.jpg -------------------------------------------------------------------------------- /src/assets/img/react-mockup.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/react-mockup.jpg -------------------------------------------------------------------------------- /src/assets/img/react-mockup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/react-mockup.png -------------------------------------------------------------------------------- /src/assets/img/team/profile-picture-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/team/profile-picture-1.jpg -------------------------------------------------------------------------------- /src/assets/img/team/profile-picture-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/team/profile-picture-2.jpg -------------------------------------------------------------------------------- /src/assets/img/team/profile-picture-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/team/profile-picture-3.jpg -------------------------------------------------------------------------------- /src/assets/img/team/profile-picture-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/team/profile-picture-4.jpg -------------------------------------------------------------------------------- /src/assets/img/team/profile-picture-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/team/profile-picture-5.jpg -------------------------------------------------------------------------------- /src/assets/img/team/profile-picture-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/team/profile-picture-6.jpg -------------------------------------------------------------------------------- /src/assets/img/team/profile-picture-freelancer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/assets/img/team/profile-picture-freelancer.jpg -------------------------------------------------------------------------------- /src/assets/img/technologies/bootstrap-5-logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/img/technologies/laravel-logo.svg: -------------------------------------------------------------------------------- 1 | 2 | Logomark -------------------------------------------------------------------------------- /src/assets/img/technologies/react-logo-primary.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/img/technologies/react-logo-transparent.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/img/technologies/vuejs-logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/components/AccordionComponent.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Card, Accordion } from '@themesberg/react-bootstrap'; 3 | 4 | export default (props) => { 5 | const { defaultKey, data = [], className = "" } = props; 6 | 7 | const AccordionItem = (item) => { 8 | const { eventKey, title, description } = item; 9 | 10 | return ( 11 | 12 | 13 | 14 | {title} 15 | 16 | 17 | 18 | 19 | 20 | {description} 21 | 22 | 23 | 24 | 25 | ); 26 | }; 27 | 28 | return ( 29 | 30 | {data.map(d => )} 31 | 32 | ); 33 | }; -------------------------------------------------------------------------------- /src/components/Code.js: -------------------------------------------------------------------------------- 1 | 2 | import React, { useState } from 'react'; 3 | import { CopyToClipboard } from 'react-copy-to-clipboard'; 4 | import { Card, Button, Tooltip, OverlayTrigger } from '@themesberg/react-bootstrap'; 5 | import Highlight, { Prism } from 'prism-react-renderer'; 6 | 7 | import themeStyle from "../assets/syntax-themes/ghcolors.json"; 8 | 9 | export default (props) => { 10 | const { code = "", language = "jsx" } = props; 11 | const [copied, setCopied] = useState(false); 12 | 13 | const handleCopy = () => { 14 | setCopied(true); 15 | setTimeout(() => setCopied(false), 2000); 16 | }; 17 | 18 | const CodeStyling = ({ className, style, tokens, getLineProps, getTokenProps }) => ( 19 | 20 | 21 | 
22 |           {tokens.map((line, i) => (
23 |             

24 |               {line.map((token, key) => )}
25 |             

26 |           ))}
27 |
28 | 29 | {copied ? Copied : null} 30 | 31 | Copy to clipboard} 35 | > 36 | 37 | 38 | 39 | 40 | 41 | 42 | ); 43 | 44 | return ( 45 | 46 | {CodeStyling} 47 | 48 | ); 49 | }; 50 | 51 | -------------------------------------------------------------------------------- /src/components/Documentation.js: -------------------------------------------------------------------------------- 1 | 2 | import React from 'react'; 3 | import { Row, Col } from '@themesberg/react-bootstrap'; 4 | 5 | import CodeEditor from "./CodeEditor"; 6 | 7 | export default (props) => { 8 | const { title, description, example = null, imports = null, scope = {}, maxHeight = null } = props; 9 | 10 | return ( 11 | <> 12 |
13 | 14 | 15 |

{title}

16 | {description} 17 | 18 | 19 |
20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | ); 30 | }; 31 | -------------------------------------------------------------------------------- /src/components/Preloader.js: -------------------------------------------------------------------------------- 1 | 2 | import React from 'react'; 3 | import { Image } from '@themesberg/react-bootstrap'; 4 | 5 | import ReactLogo from "../assets/img/technologies/react-logo-transparent.svg"; 6 | 7 | export default (props) => { 8 | 9 | const { show } = props; 10 | 11 | return ( 12 |
13 | 14 |
15 | ); 16 | }; 17 | -------------------------------------------------------------------------------- /src/components/Progress.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { ProgressBar } from '@themesberg/react-bootstrap'; 3 | 4 | export default (props) => { 5 | const { label, variant, value, type = "label", size = "md" } = props; 6 | const finalValue = value ? value : Math.floor(Math.random() * (Math.floor(100) - 20 + 1)) + 20; // generates a random number between 20 and 100 7 | const textColor = type === "label" ? variant : "white"; 8 | const bgColorClass = type === "tooltip" ? `bg-${variant}` : ""; 9 | 10 | return ( 11 |
12 |
13 |
14 | {label} 15 |
16 |
17 | {finalValue}% 18 |
19 |
20 | 21 |
22 | ); 23 | }; 24 | -------------------------------------------------------------------------------- /src/components/ScrollToTop.js: -------------------------------------------------------------------------------- 1 | // Here are more informations about the scroll restoration of React Router 2 | // https://reactrouter.com/web/guides/scroll-restoration 3 | 4 | import { useEffect } from "react"; 5 | import { useLocation } from "react-router-dom"; 6 | 7 | export default () => { 8 | const { pathname } = useLocation(); 9 | 10 | useEffect(() => { 11 | window.scrollTo({ top: 0, left: 0, behavior: "auto" }); 12 | }, [pathname]); 13 | 14 | return null; 15 | } -------------------------------------------------------------------------------- /src/data/charts.js: -------------------------------------------------------------------------------- 1 | 2 | import { faDesktop, faMobileAlt, faTabletAlt } from '@fortawesome/free-solid-svg-icons'; 3 | 4 | const trafficShares = [ 5 | { id: 1, label: "Desktop", value: 60, color: "secondary", icon: faDesktop }, 6 | { id: 2, label: "Mobile Web", value: 30, color: "primary", icon: faMobileAlt }, 7 | { id: 3, label: "Tablet Web", value: 10, color: "tertiary", icon: faTabletAlt } 8 | ]; 9 | 10 | const totalOrders = [ 11 | { id: 1, label: "July", value: [1, 5, 2, 5, 4, 3], color: "primary" }, 12 | { id: 2, label: "August", value: [2, 3, 4, 8, 1, 2], color: "secondary" } 13 | ]; 14 | 15 | export { 16 | trafficShares, 17 | totalOrders 18 | }; -------------------------------------------------------------------------------- /src/data/commands.js: -------------------------------------------------------------------------------- 1 | 2 | export default [ 3 | { 4 | "id": 1, 5 | "name": "install", 6 | "usage": ["yarn install", "npm install"], 7 | "description": "This command installs a package, and any packages that it depends on.", 8 | "link": "https://docs.npmjs.com/cli/v6/commands/npm-install" 9 | }, 10 | { 11 | "id": 2, 12 | "name": "start", 13 | "usage": ["yarn start", "npm start"], 14 | "description": "This will determinate the start of your development server.", 15 | "link": "https://create-react-app.dev/docs/available-scripts/#npm-start" 16 | }, 17 | { 18 | "id": 3, 19 | "name": "build", 20 | "usage": ["yarn build", "npm build"], 21 | "description": "Builds the app for production to the build folder. \nIt correctly bundles React in production mode and optimizes the build \nfor the best performance.", 22 | "link": "https://create-react-app.dev/docs/available-scripts/#npm-run-build" 23 | }, 24 | { 25 | "id": 4, 26 | "name": "test", 27 | "usage": ["yarn test", "npm run test"], 28 | "description": "Runs the test watcher in an interactive mode. \n(Note that we haven't implemented any tests - this command is by default \nfrom the create-react-app)", 29 | "link": "https://create-react-app.dev/docs/available-scripts/#npm-test" 30 | }, 31 | { 32 | "id": 5, 33 | "name": "eject", 34 | "usage": ["yarn eject", "npm run eject"], 35 | "description": "This command will remove the single build dependency from your project. \nImportant! We don't recommend using this command because \nour product may break after using it.", 36 | "link": 7 37 | } 38 | ]; -------------------------------------------------------------------------------- /src/data/notifications.js: -------------------------------------------------------------------------------- 1 | 2 | import Profile1 from "../assets/img/team/profile-picture-1.jpg" 3 | import Profile2 from "../assets/img/team/profile-picture-2.jpg" 4 | import Profile3 from "../assets/img/team/profile-picture-3.jpg" 5 | import Profile4 from "../assets/img/team/profile-picture-4.jpg" 6 | import Profile5 from "../assets/img/team/profile-picture-5.jpg" 7 | 8 | export default [ 9 | { 10 | "id": 1, 11 | "read": false, 12 | "image": Profile1, 13 | "sender": "Jose Leos", 14 | "time": "a few moments ago", 15 | "link": "#", 16 | "message": `Added you to an event "Project stand-up" tomorrow at 12:30 AM.` 17 | }, 18 | { 19 | "id": 2, 20 | "read": false, 21 | "image": Profile2, 22 | "sender": "Neil Sims", 23 | "time": "2 hrs ago", 24 | "link": "#", 25 | "message": `You've been assigned a task for "Awesome new project".` 26 | }, 27 | { 28 | "id": 3, 29 | "read": false, 30 | "image": Profile3, 31 | "sender": "Roberta Casas", 32 | "time": "5 hrs ago", 33 | "link": "#", 34 | "message": `Tagged you in a document called "First quarter financial plans".` 35 | }, 36 | { 37 | "id": 4, 38 | "read": true, 39 | "image": Profile4, 40 | "sender": "Joseph Garth", 41 | "time": "1 day ago", 42 | "link": "#", 43 | "message": `New message: "Hey, what's up? All set for the presentation?"` 44 | }, 45 | { 46 | "id": 5, 47 | "read": true, 48 | "image": Profile5, 49 | "sender": "Jose Leos", 50 | "time": "2 days ago", 51 | "link": "#", 52 | "message": `New message: "We need to improve the UI/UX for the landing page."` 53 | }, 54 | ] -------------------------------------------------------------------------------- /src/data/teamMembers.js: -------------------------------------------------------------------------------- 1 | 2 | import { faCalendarCheck, faComment } from '@fortawesome/free-solid-svg-icons'; 3 | 4 | import Profile1 from "../assets/img/team/profile-picture-1.jpg" 5 | import Profile2 from "../assets/img/team/profile-picture-2.jpg" 6 | import Profile3 from "../assets/img/team/profile-picture-3.jpg" 7 | import Profile4 from "../assets/img/team/profile-picture-4.jpg" 8 | 9 | export default [ 10 | { 11 | "id": 1, 12 | "image": Profile1, 13 | "name": "Christopher Wood", 14 | "statusKey": "online", 15 | "icon": faCalendarCheck, 16 | "btnText": "Invite" 17 | }, 18 | { 19 | "id": 2, 20 | "image": Profile2, 21 | "name": "Jose Leos", 22 | "statusKey": "inMeeting", 23 | "icon": faComment, 24 | "btnText": "Message" 25 | }, 26 | { 27 | "id": 3, 28 | "image": Profile3, 29 | "name": "Bonnie Green", 30 | "statusKey": "offline", 31 | "icon": faCalendarCheck, 32 | "btnText": "Invite" 33 | }, 34 | { 35 | "id": 4, 36 | "image": Profile4, 37 | "name": "Neil Sims", 38 | "statusKey": "online", 39 | "icon": faComment, 40 | "btnText": "Message" 41 | } 42 | ] -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | // ========================================================= 2 | // * Volt React Dashboard 3 | // ========================================================= 4 | 5 | // * Product Page: https://themesberg.com/product/dashboard/volt-react 6 | // * Copyright 2021 Themesberg (https://www.themesberg.com) 7 | // * Official Repository: https://github.com/themesberg/volt-react-dashboard 8 | // * License: MIT License (https://themesberg.com/licensing) 9 | 10 | // * Designed and coded by https://themesberg.com 11 | 12 | // ========================================================= 13 | 14 | // * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. Please contact us to request a removal. 15 | 16 | import React from 'react'; 17 | import ReactDOM from 'react-dom'; 18 | import { HashRouter } from "react-router-dom"; 19 | 20 | // core styles 21 | import "./scss/volt.scss"; 22 | 23 | // vendor styles 24 | import "react-datetime/css/react-datetime.css"; 25 | 26 | import HomePage from "./pages/HomePage"; 27 | import ScrollToTop from "./components/ScrollToTop"; 28 | 29 | ReactDOM.render( 30 | 31 | 32 | 33 | , 34 | document.getElementById("root") 35 | ); 36 | -------------------------------------------------------------------------------- /src/pages/documentation/DocsBuild.js: -------------------------------------------------------------------------------- 1 | 2 | import React from 'react'; 3 | import { Row, Col, Card, Container } from '@themesberg/react-bootstrap'; 4 | 5 | import { CommandsTable } from '../../components/Tables'; 6 | 7 | export default () => ( 8 | 9 | 10 | 11 | 12 | 13 |
14 |

Build tools

15 |

Learn the commands that will help you work with Volt React Dashboard and the commands that can build the final production version of your app.

16 | 17 |

Available commands

18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | ); 26 | -------------------------------------------------------------------------------- /src/pages/documentation/DocsChangelog.js: -------------------------------------------------------------------------------- 1 | 2 | import React from 'react'; 3 | import { Row, Col, Card, Container } from '@themesberg/react-bootstrap'; 4 | 5 | 6 | export default () => ( 7 | 8 | 9 | 10 | 11 | 12 |
13 |

Changelog

14 |

This is the changelog for the new features and bug fixes for Volt React Dashboard

15 | 16 |

Version 1.0.0 - January 19, 2021

17 |
    18 |
  • Initial release files
    • 19 |
20 |
21 | 22 | 23 | 24 | 25 | 26 | ); 27 | -------------------------------------------------------------------------------- /src/pages/documentation/DocsDownload.js: -------------------------------------------------------------------------------- 1 | 2 | import React from 'react'; 3 | import { Row, Col, Card, Container } from '@themesberg/react-bootstrap'; 4 | 5 | 6 | export default () => ( 7 | 8 | 9 | 10 | 11 | 12 |
13 |

Download

14 |

Download files for Volt React Dashboard

15 |

Use the following links to download Volt React Dashboard files:

16 |
    17 |
  • Download Volt React Dashboard.
    • 18 |
19 |
20 | 21 | 22 | 23 | 24 | 25 | ); 26 | -------------------------------------------------------------------------------- /src/pages/documentation/DocsLicense.js: -------------------------------------------------------------------------------- 1 | 2 | import React from 'react'; 3 | import { Row, Col, Card, Container } from '@themesberg/react-bootstrap'; 4 | 5 | 6 | export default () => ( 7 | 8 | 9 | 10 | 11 | 12 |
13 |

License

14 |

Licensing details for Volt React Dashboard

15 |

Please check our official licensing page to learn more about our licensing.

16 |
17 | 18 | 19 | 20 | 21 | 22 | ); 23 | -------------------------------------------------------------------------------- /src/pages/examples/ForgotPassword.js: -------------------------------------------------------------------------------- 1 | 2 | import React from "react"; 3 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; 4 | import { faAngleLeft } from "@fortawesome/free-solid-svg-icons"; 5 | import { Col, Row, Form, Card, Button, Container, InputGroup } from '@themesberg/react-bootstrap'; 6 | import { Link } from 'react-router-dom'; 7 | 8 | import { Routes } from "../../routes"; 9 | 10 | 11 | export default () => { 12 | return ( 13 |
14 |
15 | 16 | 17 |

18 | 19 | Back to sign in 20 | 21 |

22 | 23 |
24 |

Forgot your password?

25 |

Don't fret! Just type in your email and we will send you a code to reset your password!

26 |
27 |
28 | Your Email 29 | 30 | 31 | 32 |
33 | 36 |
37 |
38 | 39 | 40 | 41 |
42 |
43 | ); 44 | }; 45 | -------------------------------------------------------------------------------- /src/pages/examples/NotFound.js: -------------------------------------------------------------------------------- 1 | 2 | import React from "react"; 3 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; 4 | import { faChevronLeft } from "@fortawesome/free-solid-svg-icons"; 5 | import { Col, Row, Card, Image, Button, Container } from '@themesberg/react-bootstrap'; 6 | 7 | import { Link } from 'react-router-dom'; 8 | 9 | import { Routes } from "../../routes"; 10 | import NotFoundImage from "../../assets/img/illustrations/404.svg"; 11 | 12 | 13 | export default () => { 14 | return ( 15 |
16 |
17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 |

25 | Page not found 26 |

27 |

28 | Oops! Looks like you followed a bad link. If you think this is a 29 | problem with us, please tell us. 30 |

31 | 35 |
36 | 37 | 38 | 39 |
40 |
41 | ); 42 | }; 43 | -------------------------------------------------------------------------------- /src/pages/examples/ServerError.js: -------------------------------------------------------------------------------- 1 | 2 | import React from "react"; 3 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; 4 | import { faChevronLeft } from "@fortawesome/free-solid-svg-icons"; 5 | import { Col, Row, Image, Button, Container } from '@themesberg/react-bootstrap'; 6 | import { Link } from 'react-router-dom'; 7 | 8 | import { Routes } from "../../routes"; 9 | import ErrorImage from "../../assets/img/illustrations/500.svg"; 10 | 11 | 12 | export default () => { 13 | return ( 14 |
15 |
16 | 17 | 18 | 19 |

20 | Something has gone seriously wrong 21 |

22 |

23 | It's always time for a coffee break. We should be back by the time you finish your coffee. 24 |

25 | 29 | 30 | 31 | 32 | 33 | 34 | 35 |
36 |
37 | ); 38 | }; 39 | -------------------------------------------------------------------------------- /src/pages/tables/BootstrapTables.js: -------------------------------------------------------------------------------- 1 | 2 | import React from "react"; 3 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; 4 | import { faHome } from "@fortawesome/free-solid-svg-icons"; 5 | import { Breadcrumb } from '@themesberg/react-bootstrap'; 6 | 7 | import { PageTrafficTable, RankingTable } from "../../components/Tables"; 8 | 9 | 10 | export default () => { 11 | return ( 12 | <> 13 |
14 |
15 | 16 | 17 | Tables 18 | Bootstrap tables 19 | 20 |

Bootstrap tables

21 |

22 | Dozens of reusable components built to provide buttons, alerts, popovers, and more. 23 |

24 |
25 |
26 | 27 | 28 | 29 | 30 | ); 31 | }; 32 | -------------------------------------------------------------------------------- /src/scss/volt.scss: -------------------------------------------------------------------------------- 1 | // ========================================================= 2 | // * Volt React Dashboard 3 | // ========================================================= 4 | 5 | // * Product Page: https://themesberg.com/product/dashboard/volt-react 6 | // * Copyright 2021 Themesberg (https://www.themesberg.com) 7 | // * Official Repository: https://github.com/themesberg/volt-react-dashboard 8 | // * License: MIT License (https://themesberg.com/licensing) 9 | 10 | // * Designed and coded by https://themesberg.com 11 | 12 | // ========================================================= 13 | 14 | // * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. Please contact us to request a removal. 15 | 16 | @import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800&display=swap'); 17 | 18 | // Bootstrap mixins and functions 19 | @import "../../node_modules/bootstrap/scss/mixins"; 20 | @import "../../node_modules/bootstrap/scss/functions"; 21 | 22 | // Change variables here 23 | @import "volt/variables"; 24 | 25 | // Bootstrap 26 | @import "../../node_modules/bootstrap/scss/bootstrap"; 27 | 28 | // Vendor 29 | @import "volt/vendor"; 30 | 31 | // volt mixins & functions 32 | @import "volt/mixins"; 33 | @import "volt/functions"; 34 | 35 | // Utilities 36 | @import "volt/reboot"; 37 | @import "volt/utilities"; 38 | 39 | // Layout 40 | @import "volt/layout"; 41 | 42 | // Components 43 | @import "volt/components"; 44 | 45 | // write your custom styles here! -------------------------------------------------------------------------------- /src/scss/volt/_components.scss: -------------------------------------------------------------------------------- 1 | @import "components/accordions"; 2 | @import "components/alerts"; 3 | @import "components/avatars"; 4 | @import "components/badge"; 5 | @import "components/buttons"; 6 | @import "components/breadcrumb"; 7 | @import "components/blog-cards"; 8 | @import "components/card"; 9 | @import "components/carousel"; 10 | @import "components/close"; 11 | @import "components/counters"; 12 | @import "components/custom-forms"; 13 | @import "components/charts"; 14 | @import "components/dropdown"; 15 | @import "components/dropzone"; 16 | @import "components/forms"; 17 | @import "components/icon-box"; 18 | @import "components/images"; 19 | @import "components/input-group"; 20 | @import "components/list-group"; 21 | @import "components/modal"; 22 | @import "components/nav"; 23 | @import "components/pagination"; 24 | @import "components/pricing-cards"; 25 | @import "components/popover"; 26 | @import "components/progress"; 27 | @import "components/shapes"; 28 | @import "components/tables"; 29 | @import "components/type"; 30 | @import "components/timelines"; 31 | @import "components/tooltip"; 32 | @import "components/preloader"; 33 | @import "components/scrollbar"; 34 | -------------------------------------------------------------------------------- /src/scss/volt/_functions.scss: -------------------------------------------------------------------------------- 1 | // Retrieve color Sass maps 2 | 3 | @function section-color($key: "primary") { 4 | @return map-get($section-colors, $key); 5 | } 6 | 7 | // Lines colors 8 | 9 | @function shapes-primary-color($key: "step-1-gradient-bg") { 10 | @return map-get($shapes-primary-colors, $key); 11 | } 12 | 13 | @function shapes-default-color($key: "step-1-gradient-bg") { 14 | @return map-get($shapes-default-colors, $key); 15 | } 16 | 17 | @function lines-light-color($key: "step-1-gradient-bg") { 18 | @return map-get($shapes-light-colors, $key); 19 | } 20 | 21 | @function shapes-dark-color($key: "step-1-gradient-bg") { 22 | @return map-get($shapes-dark-colors, $key); 23 | } -------------------------------------------------------------------------------- /src/scss/volt/_layout.scss: -------------------------------------------------------------------------------- 1 | @import "layout/navbar"; 2 | @import "layout/section"; 3 | @import "layout/footer"; 4 | @import "layout/sidebar"; 5 | @import "layout/sidenav"; 6 | -------------------------------------------------------------------------------- /src/scss/volt/_mixins.scss: -------------------------------------------------------------------------------- 1 | @import "mixins/animations"; 2 | @import "mixins/background-variant"; 3 | @import "mixins/icon"; 4 | @import "mixins/modals"; 5 | @import "mixins/popover"; 6 | @import "mixins/transform"; 7 | @import "mixins/utilities"; 8 | -------------------------------------------------------------------------------- /src/scss/volt/_reboot.scss: -------------------------------------------------------------------------------- 1 | iframe { 2 | border: 0; 3 | } 4 | 5 | figcaption, 6 | figure, 7 | main { 8 | display: block; 9 | margin: 0; 10 | } 11 | 12 | main { 13 | overflow: hidden; 14 | } 15 | 16 | img { 17 | max-width: 100%; 18 | } 19 | 20 | strong{ 21 | font-weight: $font-weight-bold; 22 | } 23 | 24 | button:focus { 25 | outline: 0; 26 | } 27 | 28 | label{ 29 | font-weight: $font-weight-bold; 30 | } -------------------------------------------------------------------------------- /src/scss/volt/_utilities.scss: -------------------------------------------------------------------------------- 1 | @import "utilities/backgrounds"; 2 | @import "utilities/helper"; 3 | @import "utilities/position"; 4 | @import "utilities/sizing"; 5 | @import "utilities/shadows"; 6 | @import "utilities/text"; 7 | @import "utilities/transform"; 8 | @import "utilities/animations"; 9 | -------------------------------------------------------------------------------- /src/scss/volt/_vendor.scss: -------------------------------------------------------------------------------- 1 | // Vendor 2 | @import "vendor/headroom"; 3 | @import "vendor/prism"; 4 | @import "vendor/chartist/chartist"; 5 | @import "vendor/datepicker"; 6 | 7 | // choices js 8 | // @import "node_modules/choices.js/src/styles/base.scss"; 9 | // @import "node_modules/choices.js/src/styles/choices.scss"; -------------------------------------------------------------------------------- /src/scss/volt/components/_accordions.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Accordions 3 | */ 4 | 5 | .accordion-button { 6 | text-align: left; 7 | 8 | .btn-check:focus + .btn, .btn:focus { 9 | outline: 0; 10 | box-shadow: none; 11 | } 12 | 13 | &:hover{ 14 | background-color: $gray-200; 15 | } 16 | } 17 | 18 | // Flush accordion items 19 | // 20 | // Remove borders and border-radius to keep accordion items edge-to-edge. 21 | 22 | .accordion-flush { 23 | .accordion-button { 24 | background-color: transparent; 25 | &:not(.collapsed) { 26 | color: $secondary; 27 | } 28 | &:focus { 29 | border-color: $gray-300; 30 | box-shadow: none; 31 | } 32 | } 33 | .accordion-collapse { 34 | border: 0; 35 | } 36 | } 37 | 38 | 39 | -------------------------------------------------------------------------------- /src/scss/volt/components/_alerts.scss: -------------------------------------------------------------------------------- 1 | .alert-heading{ 2 | font-weight: $font-weight-bold; 3 | } 4 | 5 | .alert-icon{ 6 | margin-bottom: .5rem; 7 | span{ 8 | font-size: $alert-icon-font-size; 9 | } 10 | } -------------------------------------------------------------------------------- /src/scss/volt/components/_blog-cards.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Blog cards 3 | */ 4 | 5 | .card-img-overlay{ 6 | padding: 0; 7 | .card-footer, 8 | .card-header{ 9 | background: transparent; 10 | border-color:$gray-700; 11 | } 12 | } -------------------------------------------------------------------------------- /src/scss/volt/components/_breadcrumb.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Breadcrumbs 3 | */ 4 | 5 | .breadcrumb-item { 6 | font-size: $font-size-xs; 7 | &, a { 8 | color: $breadcrumb-item-color; 9 | font-weight: $breadcrumb-font-weight; 10 | font-size: $font-size-xs; 11 | @include media-breakpoint-up(sm){ 12 | font-size: $font-size-sm; 13 | } 14 | } 15 | 16 | &.active { 17 | font-weight: $breadcrumb-active-font-weight; 18 | } 19 | 20 | + .breadcrumb-item { 21 | &:before{ 22 | content: "\f101"; 23 | font-family: $font-awesome-5; 24 | font-weight: 900; 25 | color: $breadcrumb-divider-color; 26 | } 27 | } 28 | 29 | } 30 | 31 | .breadcrumb-transparent { 32 | background: transparent; 33 | padding: 0; 34 | } 35 | 36 | @each $color, $value in $theme-colors { 37 | .breadcrumb-#{$color} { 38 | background: $value; 39 | .breadcrumb-item{ 40 | &.active { 41 | color: $white; 42 | } 43 | } 44 | &.breadcrumb-transparent { 45 | background: transparent; 46 | .breadcrumb-item { 47 | &.active { 48 | color: $value; 49 | } 50 | } 51 | } 52 | } 53 | } 54 | 55 | .breadcrumb-text-light { 56 | .breadcrumb-item { 57 | &, a { 58 | color: $breadcrumb-item-light-color; 59 | } 60 | 61 | &:before { 62 | color: $breadcrumb-divider-light-color; 63 | } 64 | } 65 | } 66 | -------------------------------------------------------------------------------- /src/scss/volt/components/_buttons.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * = Buttons 3 | */ 4 | 5 | .btn { 6 | &.btn-circle { 7 | border-radius: $circle-radius; 8 | } 9 | 10 | &.btn-md { 11 | padding: 0.65rem 1.25rem; 12 | } 13 | 14 | &.btn-xs { 15 | padding : 0.175rem 0.45rem; 16 | font-size: 0.7rem; 17 | } 18 | } 19 | 20 | .btn-icon-only { 21 | width : 2.575rem; 22 | height : 2.575rem; 23 | padding: 0; 24 | @include display-flex(); 25 | @include justify-content(center); 26 | @include align-items(center); 27 | 28 | &.btn-xs { 29 | width : 1.7rem; 30 | height: 1.7rem; 31 | } 32 | 33 | &.btn-sm { 34 | width : 2rem; 35 | height: 2rem; 36 | } 37 | } 38 | 39 | 40 | // 41 | // Block button 42 | // 43 | 44 | .btn-block { 45 | display: block; 46 | width : 100%; 47 | 48 | // Vertically space out multiple block buttons 49 | +.btn-block { 50 | margin-top: $btn-block-spacing-y; 51 | } 52 | } 53 | 54 | .copy-code-button { 55 | position: absolute; 56 | top: 22px; 57 | right: 20px; 58 | background-color: transparent; 59 | color: $gray-600; 60 | border: 0; 61 | box-shadow: none; 62 | 63 | &:hover { 64 | background-color: $primary; 65 | color: $white; 66 | border: 0; 67 | box-shadow: none; 68 | } 69 | } 70 | 71 | .copy-code-text { 72 | position: absolute; 73 | top: 24px; 74 | right: 90px; 75 | } -------------------------------------------------------------------------------- /src/scss/volt/components/_carousel.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Bootstrap carousels 3 | */ 4 | 5 | .carousel-caption { 6 | &, h5 { 7 | color: $white; 8 | } 9 | } 10 | 11 | //Indicators 12 | 13 | .carousel-indicators { 14 | li { 15 | height: 10px; 16 | width:10px; 17 | border-radius:$circle-radius; 18 | background:transparent; 19 | border:2px solid $white; 20 | } 21 | .active { 22 | opacity: 1; 23 | background: $white; 24 | } 25 | } 26 | 27 | //Carousel Controls 28 | 29 | .carousel-control-prev-icon, 30 | .carousel-control-next-icon { 31 | width: auto; 32 | height: auto; 33 | font-weight: 900; 34 | } 35 | 36 | .carousel-control-prev-icon { 37 | background-image: none; 38 | &::before{ 39 | content: '\f060'; 40 | font-family: $font-awesome-5; 41 | font-size: $font-size-xxl; 42 | } 43 | } 44 | 45 | .carousel-control-next-icon { 46 | background-image: none; 47 | &:before{ 48 | font-family: $font-awesome-5; 49 | content: "\f061"; 50 | font-size: $font-size-xxl; 51 | } 52 | } -------------------------------------------------------------------------------- /src/scss/volt/components/_charts.scss: -------------------------------------------------------------------------------- 1 | .ct-bar { 2 | stroke-linecap: round; 3 | stroke-width: 10px; 4 | } 5 | .ct-label { 6 | fill: $body-color; 7 | color: $body-color; 8 | font-size: 0.75rem; 9 | margin-top: 6px; 10 | font-weight: $font-weight-bold; 11 | } 12 | 13 | .ct-slice-pie { 14 | stroke: $white; 15 | stroke-width: 3px; 16 | } 17 | 18 | .ct-chart-donut .ct-series { 19 | stroke: $white; 20 | stroke-width: 3px; 21 | } 22 | 23 | .ct-chart-pie .ct-label, .ct-chart-donut .ct-label { 24 | font-size: 0.75rem; 25 | font-weight: $font-weight-bold; 26 | } 27 | 28 | .small-chart{ 29 | margin-left:-1rem; 30 | } 31 | 32 | //Label color Fix for pie chart 33 | 34 | .ct-chart-pie .ct-label, .ct-chart-donut .ct-label { 35 | color: #ffffff; 36 | fill: #ffffff; 37 | font-size: $font-size-base; 38 | font-weight: $font-weight-bold; 39 | } 40 | 41 | .ct-series-g{ 42 | .ct-grid { 43 | stroke: $secondary; 44 | stroke-width: 2px; 45 | stroke-dasharray: 2px; 46 | } 47 | .ct-label.ct-horizontal.ct-end { 48 | margin-left:-9px; 49 | margin-top:10px; 50 | color: $primary; 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /src/scss/volt/components/_close.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Close 3 | */ 4 | 5 | .close { 6 | @if $enable-transitions { 7 | transition: $transition-base; 8 | } 9 | &>span:not(.sr-only) { 10 | display: block; 11 | height: 1.25rem; 12 | width: 1.25rem; 13 | background-color: $close-bg; 14 | color: $close-color; 15 | line-height: 17px; 16 | border-radius: 50%; 17 | font-size: 1.25rem; 18 | @if $enable-transitions { 19 | transition: $transition-base; 20 | } 21 | } 22 | 23 | &:hover, 24 | &:focus { 25 | background-color: $close-hover-bg; 26 | color: $close-hover-color; 27 | outline: none; 28 | 29 | span:not(.sr-only) { 30 | background-color: $close-hover-bg; 31 | } 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /src/scss/volt/components/_counters.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Counters 3 | */ 4 | 5 | .counter-alternate{ 6 | &::after{ 7 | content: '\f067'; 8 | font-family: $font-awesome-5; 9 | position: absolute; 10 | font-size: 2.25rem; 11 | color:$dark; 12 | font-weight: 900; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /src/scss/volt/components/_datepicker.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Datepickers 3 | */ 4 | 5 | .datepicker{ 6 | table { 7 | margin: 0; 8 | -webkit-touch-callout: none; 9 | user-select: none; 10 | 11 | td { 12 | border-radius: 0 !important; 13 | } 14 | 15 | th { 16 | border-radius: 0; 17 | font-weight: 500; 18 | } 19 | 20 | td, th { 21 | width: 36px !important; 22 | height: 36px !important; 23 | border: none; 24 | text-align: center; 25 | } 26 | } 27 | } -------------------------------------------------------------------------------- /src/scss/volt/components/_dropzone.scss: -------------------------------------------------------------------------------- 1 | .dropzone { 2 | min-height: 150px; 3 | border: 2px dashed $gray-600; 4 | background: $white; 5 | cursor: pointer; 6 | &:hover{ 7 | background-color: $soft; 8 | } 9 | .dz-message{ 10 | .dz-button{ 11 | font-size:$font-size-lg; 12 | font-weight:$font-weight-bold; 13 | } 14 | } 15 | } 16 | 17 | .dropzone-files { 18 | display: flex; 19 | flex-direction: row; 20 | flex-wrap: wrap; 21 | margin: 1.5rem 0 1.5rem 0; 22 | } 23 | 24 | .dropzone-preview { 25 | position: relative; 26 | display: inline-block; 27 | vertical-align: top; 28 | min-height: 100px; 29 | } 30 | 31 | .dropzone-image { 32 | border-radius: 20px; 33 | overflow: hidden; 34 | width: 120px; 35 | height: 120px; 36 | position: relative; 37 | display: block; 38 | z-index: 10; 39 | } 40 | 41 | .dropzone-filename { 42 | white-space: normal; 43 | padding: 0 0.4em; 44 | margin: 5px 0 5px 0; 45 | border-radius: 3px; 46 | } 47 | 48 | .dropzone-filename:not(:hover) { 49 | overflow: hidden; 50 | white-space: nowrap; 51 | text-overflow: ellipsis; 52 | } -------------------------------------------------------------------------------- /src/scss/volt/components/_forms.scss: -------------------------------------------------------------------------------- 1 | .form-control{ 2 | box-shadow:none; 3 | 4 | @include media-breakpoint-up(lg) { 5 | &.form-control-lg{ 6 | padding: $inpu-lg-padding-y $input-padding-x; 7 | } 8 | } 9 | 10 | } 11 | 12 | .form-check-input { 13 | &.round-check{ 14 | &[type="checkbox"] { 15 | @include border-radius($form-check-radio-border-radius); 16 | } 17 | } 18 | } 19 | 20 | .search-bar { 21 | .form-control { 22 | width: 280px; 23 | transition: width .2s ease-in-out; 24 | 25 | @include media-breakpoint-down(sm) { 26 | width: 120px; 27 | 28 | &:focus { 29 | width: 150px; 30 | } 31 | } 32 | } 33 | } 34 | 35 | .input-group { 36 | .form-control:focus { 37 | border-color: $input-border-color; 38 | 39 | & + .input-group-text { 40 | border-color: $input-border-color; 41 | } 42 | } 43 | } 44 | 45 | .focused { 46 | 47 | .form-control { 48 | border-color: $input-focus-border-color; 49 | background-color: $input-focus-bg; 50 | } 51 | } 52 | 53 | .form-switch { 54 | padding-left: $form-switch-padding-start; 55 | 56 | .form-check-input { 57 | height: 1.275em; 58 | } 59 | } 60 | 61 | .form-select { 62 | .form-select-lg{ 63 | padding: $form-select-padding-y ($form-select-padding-x + $form-select-indicator-padding) $form-select-padding-y $form-select-padding-x; 64 | } 65 | } 66 | 67 | //Add File Alternative Style 68 | 69 | .file-field input[type="file"] { 70 | max-width: 230px; 71 | position: absolute; 72 | cursor: pointer; 73 | filter: alpha(opacity=0); 74 | opacity: 0; 75 | padding-bottom: 30px; 76 | } 77 | .file-field span { 78 | cursor: pointer; 79 | } 80 | 81 | .datepicker-dropdown { 82 | z-index: 9999; 83 | } -------------------------------------------------------------------------------- /src/scss/volt/components/_images.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Images 3 | */ 4 | .image-xl { 5 | height: 20rem; 6 | img{ 7 | height: 20rem; 8 | } 9 | } 10 | 11 | .image-lg { 12 | height: 12rem; 13 | img{ 14 | height: 12rem; 15 | } 16 | } 17 | 18 | .image-md{ 19 | height: 5.5rem; 20 | img{ 21 | height: 5.5rem; 22 | } 23 | } 24 | 25 | .image-sm { 26 | height: 3rem; 27 | img{ 28 | height: 3rem; 29 | } 30 | } 31 | 32 | .image-xs { 33 | height: 1.5rem; 34 | img{ 35 | height: 1.5rem; 36 | } 37 | } 38 | 39 | .image-small { 40 | height: 1rem; 41 | img{ 42 | height: 1rem; 43 | } 44 | } 45 | 46 | 47 | 48 | .img-thumbnail { 49 | border-width: $border-width-md; 50 | box-shadow: none; 51 | } 52 | 53 | .full-image{ 54 | height:100%; 55 | } 56 | 57 | .gallery-feed{ 58 | img{ 59 | width: 20%; 60 | margin-right: .5rem; 61 | margin-bottom: .5rem; 62 | float: left; 63 | } 64 | } 65 | 66 | .language-flag{ 67 | width: auto; 68 | height: 1rem; 69 | margin-right: 0.4rem; 70 | position: relative; 71 | top: -2px; 72 | } 73 | 74 | @include media-breakpoint-up(sm){ 75 | .effect-img-2 { 76 | position: absolute; 77 | right: 5rem; 78 | top: 19%; 79 | z-index: 2; 80 | margin: 0; 81 | } 82 | 83 | .effect-img-1, .effect-img-2 { 84 | margin: 0 0 3rem; 85 | width: 350px; 86 | height: auto; 87 | } 88 | } 89 | 90 | @include media-breakpoint-down(md){ 91 | .effect-img-2{ 92 | right:.425rem; 93 | top:0; 94 | } 95 | } 96 | -------------------------------------------------------------------------------- /src/scss/volt/components/_input-group.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Input groups 3 | */ 4 | 5 | .input-group { 6 | border-radius: $input-border-radius; 7 | transition: $transition-base; 8 | 9 | .form-control { 10 | box-shadow: none; 11 | 12 | &:not(:first-child) { 13 | border-left: 0; 14 | padding-left: 0; 15 | } 16 | &:not(:last-child) { 17 | border-right: 0; 18 | padding-right: 0; 19 | } 20 | &:focus { 21 | box-shadow: none; 22 | } 23 | } 24 | } 25 | 26 | .input-group-text { 27 | font-size: $font-size-sm; 28 | transition: $input-transition; 29 | border-right:0; 30 | } 31 | 32 | 33 | 34 | .input-group-prepend { 35 | margin-right: -2px; 36 | } 37 | 38 | // .focus class is applied dinamycally from theme.js 39 | 40 | .focused { 41 | 42 | .input-group-text { 43 | color: $input-group-addon-focus-color; 44 | background-color: $input-group-addon-focus-bg; 45 | } 46 | 47 | .input-group-shadow{ 48 | box-shadow:$shadow-input-focus; 49 | } 50 | } 51 | 52 | -------------------------------------------------------------------------------- /src/scss/volt/components/_modal.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Modals 3 | */ 4 | 5 | .modal{ 6 | &.static-example{ 7 | position: relative; 8 | display: block; 9 | } 10 | } 11 | 12 | .modal-content { 13 | border: 0; 14 | @if $enable-rounded { 15 | border-radius: $modal-content-border-radius; 16 | } @else { 17 | border-radius: 0; 18 | } 19 | } 20 | 21 | .modal-fluid { 22 | .modal-dialog { 23 | margin-top: 0; 24 | margin-bottom: 0; 25 | } 26 | .modal-content { 27 | border-radius: 0; 28 | } 29 | } 30 | 31 | 32 | -------------------------------------------------------------------------------- /src/scss/volt/components/_pagination.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Paginations 3 | */ 4 | .circle-pagination{ 5 | .page-link, 6 | span{ 7 | @include display-flex(); 8 | align-items: center; 9 | justify-content: center; 10 | width: 34px; 11 | height: 34px; 12 | padding: 0; 13 | @include border-radius($circle-radius); 14 | } 15 | } 16 | 17 | -------------------------------------------------------------------------------- /src/scss/volt/components/_popover.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Popovers 3 | */ 4 | 5 | .popover { 6 | border: 0; 7 | } 8 | 9 | 10 | .popover-header { 11 | font-weight: $font-weight-bold; 12 | } 13 | 14 | // Alternative colors 15 | @each $color, $value in $theme-colors { 16 | .popover-#{$color} { 17 | @include popover-variant($value); 18 | } 19 | } -------------------------------------------------------------------------------- /src/scss/volt/components/_preloader.scss: -------------------------------------------------------------------------------- 1 | .preloader { 2 | display: flex; 3 | align-items: center; 4 | height: 100vh; 5 | left: 0; 6 | position: fixed; 7 | top: 0; 8 | width: 100%; 9 | z-index: 9999; 10 | @include transition(height .3s); 11 | 12 | .loader-element { 13 | 14 | @include transition(spin .3s linear infinite); 15 | -webkit-animation:spin 3s linear infinite; 16 | -moz-animation:spin 3s linear infinite; 17 | animation:spin 3s linear infinite; 18 | } 19 | 20 | &.show { 21 | height: 0; 22 | 23 | .loader-element { 24 | display: none !important; 25 | } 26 | } 27 | } 28 | 29 | @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } 30 | @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } 31 | @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } 32 | -------------------------------------------------------------------------------- /src/scss/volt/components/_pricing-cards.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Pricing cards 3 | */ 4 | 5 | .pricing-card{ 6 | 7 | .card-header { 8 | background: transparent; 9 | z-index: 2; 10 | } 11 | 12 | .card-body{ 13 | z-index: 2; 14 | } 15 | 16 | .pricing-value{ 17 | width: 150px; 18 | height: 150px; 19 | border-radius: 50%; 20 | border-width: $border-width-xl; 21 | border-style: double; 22 | margin: 0 auto; 23 | 24 | span { 25 | line-height: 140px; 26 | } 27 | } 28 | 29 | .list-group-item{ 30 | background: transparent; 31 | border: none; 32 | padding: 0.375rem 0.125rem; 33 | i{ 34 | display: inline-block; 35 | vertical-align: middle; 36 | width: 35px; 37 | } 38 | } 39 | @include media-breakpoint-down(md){ 40 | margin-top: 1rem; 41 | } 42 | } -------------------------------------------------------------------------------- /src/scss/volt/components/_shapes.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Shapes 3 | */ 4 | 5 | .avatar-sm { 6 | width: $avatar-sm-y; 7 | height: $avatar-sm-x; 8 | } 9 | 10 | .avatar-md { 11 | width: $avatar-md-y; 12 | height: $avatar-md-x; 13 | } 14 | 15 | .avatar-lg { 16 | width: $avatar-lg-y; 17 | height: $avatar-lg-x; 18 | } 19 | -------------------------------------------------------------------------------- /src/scss/volt/components/_timelines.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Timelines 3 | */ 4 | 5 | .list-group-timeline { 6 | .list-group-item { 7 | position: relative; 8 | .col-auto{ 9 | z-index: 999; 10 | } 11 | &:not(:last-child){ 12 | &::before { 13 | content: ''; 14 | position: absolute; 15 | top: 1rem; 16 | left: 2.5rem; 17 | height: 100%; 18 | border-left: 1px solid $light; 19 | } 20 | } 21 | } 22 | } 23 | 24 | -------------------------------------------------------------------------------- /src/scss/volt/components/_tooltip.scss: -------------------------------------------------------------------------------- 1 | .tooltip{ 2 | margin-bottom: .375rem; 3 | } 4 | 5 | // Wrapper for the tooltip content 6 | .tooltip-inner { 7 | @include box-shadow($box-shadow); 8 | } 9 | 10 | .chartist-tooltip { 11 | position: absolute; 12 | display: inline-block; 13 | opacity: 0; 14 | min-width: 5em; 15 | padding: .5em; 16 | background: $soft; 17 | border: 1px solid $light; 18 | border-radius: $border-radius; 19 | color: $dark; 20 | font-weight: $font-weight-bold; 21 | text-align: center; 22 | pointer-events: none; 23 | z-index: 1; 24 | transition: $transition-base; 25 | } 26 | 27 | .chartist-tooltip:before { 28 | content: ""; 29 | position: absolute; 30 | top: 100%; 31 | left: 50%; 32 | width: 0; 33 | height: 0; 34 | margin-left: -15px; 35 | border: 15px solid transparent; 36 | border-top-color: $soft; 37 | } 38 | 39 | .chartist-tooltip.tooltip-show { 40 | opacity: 1; 41 | } 42 | 43 | .ct-area, .ct-line { 44 | pointer-events: none; 45 | } 46 | -------------------------------------------------------------------------------- /src/scss/volt/layout/_sidebar.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Sidebars 3 | */ 4 | 5 | #doc-index:not(.collapse.show), .doc-sidebar { 6 | display: none; 7 | } 8 | 9 | @include media-breakpoint-up(lg){ 10 | #doc-index{ 11 | display: block; 12 | } 13 | 14 | .doc-sidebar { 15 | display: block; 16 | height: calc(100vh - 2rem); 17 | overflow-y: scroll; 18 | position: -webkit-sticky; 19 | position: sticky; 20 | top: 2rem; 21 | 22 | .nav-link[data-toggle="collapse"] > .icon { 23 | transform: rotateZ(-90deg); 24 | position: relative; 25 | right: .25rem; 26 | } 27 | 28 | .nav{ 29 | .nav-item{ 30 | font-size:$font-size-sm; 31 | } 32 | } 33 | } 34 | } 35 | 36 | .upgrade-to-pro { 37 | position: fixed; 38 | left: 15px; 39 | bottom: 15px; 40 | width: 230px; 41 | z-index: 999; 42 | } -------------------------------------------------------------------------------- /src/scss/volt/mixins/_animations.scss: -------------------------------------------------------------------------------- 1 | @mixin perspective($value){ 2 | -webkit-perspective: $value; 3 | -moz-perspective: $value; 4 | -o-perspective: $value; 5 | -ms-perspective: $value; 6 | perspective: $value; 7 | } 8 | @mixin transitions($time, $type){ 9 | -webkit-transition: all $time $type; 10 | -moz-transition: all $time $type; 11 | -o-transition: all $time $type; 12 | -ms-transition: all $time $type; 13 | transition: all $time $type; 14 | } 15 | 16 | @mixin transitions-property($property, $time, $type){ 17 | -webkit-transition: $property $time $type; 18 | -moz-transition: $property $time $type; 19 | -o-transition: $property $time $type; 20 | -ms-transition: $property $time $type; 21 | transition: $property $time $type; 22 | } 23 | @mixin transform-style($type){ 24 | -webkit-transform-style: $type; 25 | -moz-transform-style: $type; 26 | -o-transform-style: $type; 27 | -ms-transform-style: $type; 28 | transform-style: $type; 29 | } 30 | 31 | @mixin backface-visibility($type){ 32 | -webkit-backface-visibility: $type; 33 | -moz-backface-visibility: $type; 34 | -o-backface-visibility: $type; 35 | -ms-backface-visibility: $type; 36 | backface-visibility: $type; 37 | } 38 | 39 | @mixin rotateY-180() { 40 | -webkit-transform: rotateY( 180deg ); 41 | -moz-transform: rotateY( 180deg ); 42 | -o-transform: rotateY( 180deg ); 43 | -ms-transform: rotateY(180deg); 44 | transform: rotateY( 180deg ); 45 | } -------------------------------------------------------------------------------- /src/scss/volt/mixins/_background-variant.scss: -------------------------------------------------------------------------------- 1 | // Contextual backgrounds 2 | @mixin bg-variant($parent, $color) { 3 | #{$parent} { 4 | background-color: $color !important; 5 | } 6 | a#{$parent}, 7 | button#{$parent} { 8 | @include hover-focus { 9 | background-color: darken($color, 10%) !important; 10 | } 11 | } 12 | } 13 | 14 | @mixin bg-gradient-variant($parent, $color) { 15 | #{$parent} { 16 | background: linear-gradient(87deg, $color 0, saturate($color, 10%) 100%) !important; 17 | } 18 | } 19 | 20 | @mixin background-image($background-repeat,$background-size) { 21 | background-repeat: $background-repeat; 22 | background-position: top center; 23 | background-size: $background-size; 24 | } 25 | 26 | -------------------------------------------------------------------------------- /src/scss/volt/mixins/_icon.scss: -------------------------------------------------------------------------------- 1 | @mixin icon-shape-variant($color) { 2 | color: $color; 3 | background-color: rgba( $color, .3 ); 4 | } 5 | 6 | @mixin icon-parallax-background($background-position,$background-size,$background-attachment,$background-repeat) { 7 | background-position: $background-position; 8 | background-size: $background-size; 9 | background-attachment: $background-attachment; 10 | background-repeat: $background-repeat; 11 | } 12 | 13 | @mixin icon-image-background($background-position,$background-size,$background-repeat) { 14 | background-position: $background-position; 15 | background-size: $background-size; 16 | background-repeat: $background-repeat; 17 | } -------------------------------------------------------------------------------- /src/scss/volt/mixins/_modals.scss: -------------------------------------------------------------------------------- 1 | @mixin modal-variant($background) { 2 | .modal-title { 3 | color: color-yiq($background); 4 | } 5 | .modal-header, 6 | .modal-footer { 7 | border-color: rgba($background, .075); 8 | } 9 | .modal-content { 10 | background-color: $background; 11 | color: color-yiq($background); 12 | 13 | .heading { 14 | color: color-yiq($background); 15 | } 16 | } 17 | 18 | .close { 19 | &>span:not(.sr-only) { 20 | color: $white; 21 | } 22 | } 23 | } -------------------------------------------------------------------------------- /src/scss/volt/mixins/_popover.scss: -------------------------------------------------------------------------------- 1 | @mixin popover-variant($background) { 2 | 3 | background-color: $background; 4 | 5 | .popover-header { 6 | background-color: $background; 7 | color: color-yiq($background); 8 | } 9 | 10 | .popover-body { 11 | color: color-yiq($background); 12 | } 13 | .popover-header{ 14 | border-color: rgba($background, .2); 15 | } 16 | &.bs-popover-top { 17 | .arrow::after { 18 | border-top-color: $background; 19 | } 20 | } 21 | &.bs-popover-right { 22 | .arrow::after { 23 | border-right-color: $background; 24 | } 25 | } 26 | &.bs-popover-bottom { 27 | .arrow::after { 28 | border-bottom-color: $background; 29 | } 30 | } 31 | &.bs-popover-left { 32 | .arrow::after { 33 | border-left-color: $background; 34 | } 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /src/scss/volt/mixins/_transform.scss: -------------------------------------------------------------------------------- 1 | 2 | @mixin transform($transforms) { 3 | -moz-transform: $transforms; 4 | -o-transform: $transforms; 5 | -ms-transform: $transforms; 6 | -webkit-transform: $transforms; 7 | transform: $transforms; 8 | } 9 | 10 | 11 | // translate 12 | @mixin translate ($x, $y) { 13 | @include transform(translate($x, $y)); 14 | } 15 | 16 | // rotate 17 | @mixin rotate ($deg) { 18 | @include transform(rotate(#{$deg}deg)); 19 | } -------------------------------------------------------------------------------- /src/scss/volt/themes/_variables-dark.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/scss/volt/themes/_variables-dark.scss -------------------------------------------------------------------------------- /src/scss/volt/themes/_variables-light.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/scss/volt/themes/_variables-light.scss -------------------------------------------------------------------------------- /src/scss/volt/themes/_variables-sunset.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/themesberg/volt-react-dashboard/419e51539b8a7a3878fa186b6912eafaf48d2d60/src/scss/volt/themes/_variables-sunset.scss -------------------------------------------------------------------------------- /src/scss/volt/utilities/_backgrounds.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Backgrounds 3 | */ 4 | 5 | @each $color, $value in $theme-colors { 6 | @include bg-gradient-variant(".bg-gradient-#{$color}", $value); 7 | } 8 | 9 | // Backgrounds Overlay 10 | @each $color, $value in $theme-colors { 11 | .overlay-#{$color}{ 12 | &:before{ 13 | position: absolute; 14 | content:""; 15 | background: $value; 16 | width: 100%; 17 | height: 100%; 18 | top: 0; 19 | left: 0; 20 | opacity: 0.8; 21 | z-index: 0; 22 | } 23 | } 24 | } 25 | 26 | .section-image { 27 | @include background-image(no-repeat, cover); 28 | } 29 | 30 | .bg-secondary-alt{ 31 | background-color: lighten($secondary, 15% ); 32 | } 33 | 34 | .form-bg-image { 35 | background-repeat: no-repeat !important; 36 | background-position: top center !important; 37 | } 38 | 39 | .fill-soft { 40 | fill: $soft; 41 | } -------------------------------------------------------------------------------- /src/scss/volt/utilities/_helper.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Helper classes 3 | */ 4 | 5 | // Overflows 6 | .overflow-visible { 7 | overflow: visible !important; 8 | } 9 | 10 | // Opacity classes 11 | @for $nr from 0 to 10 { 12 | .opacity-#{$nr} { 13 | opacity: #{$nr/10} !important; 14 | } 15 | } 16 | 17 | // Fill opacity classes 18 | @for $nr from 0 to 10 { 19 | .fill-opacity-#{$nr} { 20 | fill-opacity: #{$nr/10} !important; 21 | } 22 | } 23 | 24 | // Z indexes 25 | @for $nr from 0 to 10 { 26 | .z-#{$nr} { 27 | position: relative; 28 | z-index: #{$nr} !important; 29 | } 30 | } 31 | 32 | .w-auto { 33 | width: auto !important; 34 | } 35 | 36 | // Border widths 37 | .bw-md { 38 | border-width: $border-width-md !important; 39 | } 40 | .bw-lg { 41 | border-width: $border-width-lg !important; 42 | } 43 | .bw-xl { 44 | border-width: $border-width-xl !important; 45 | } 46 | 47 | .border-top-left-radius-0 { 48 | border-top-left-radius: 0 !important; 49 | } 50 | 51 | .border-top-right-radius-0 { 52 | border-top-end-radius: 0 !important; 53 | } 54 | 55 | .border-bottom-left-radius-0 { 56 | border-bottom-start-radius: 0 !important; 57 | } 58 | 59 | .border-bottom-right-radius-0 { 60 | border-bottom-end-radius: 0 !important; 61 | } 62 | 63 | .rounded-xl { 64 | border-radius: $border-radius-xl !important; 65 | } 66 | -------------------------------------------------------------------------------- /src/scss/volt/utilities/_position.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Spacing 3 | */ 4 | 5 | @each $size, $value in $spacers { 6 | .top-#{$size} { 7 | top: $value; 8 | } 9 | .right-#{$size} { 10 | right: $value; 11 | } 12 | .bottom-#{$size} { 13 | bottom: $value; 14 | } 15 | .left-#{$size} { 16 | left: $value; 17 | } 18 | } 19 | 20 | .center-vertical-absolute, 21 | .center-horizontal-absolute { 22 | position: absolute; 23 | } 24 | 25 | .center-vertical-absolute { 26 | top: 50%; 27 | transform: translateY(-50%); 28 | } 29 | 30 | .center-horizontal-absolute { 31 | left: 50%; 32 | transform: translateX(-50%); 33 | } 34 | -------------------------------------------------------------------------------- /src/scss/volt/utilities/_shadows.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Shadows 3 | */ 4 | 5 | [class*="shadow"] { 6 | @if $enable-transitions { 7 | transition: $transition-base; 8 | } 9 | } 10 | 11 | // stylelint-disable declaration-no-important 12 | .shadow-soft { box-shadow: $box-shadow-sm !important; } 13 | 14 | .shadow-hover:hover { box-shadow: $box-shadow !important; } 15 | .shadow-sm-hover:hover { box-shadow: $box-shadow-sm !important; } 16 | .shadow-lg-hover:hover { box-shadow: $box-shadow-lg !important; } 17 | .shadow-none-hover:hover { box-shadow: none !important; } 18 | -------------------------------------------------------------------------------- /src/scss/volt/utilities/_sizing.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Sizing 3 | */ 4 | 5 | // Height values in vh 6 | .h-100vh { 7 | height: 100vh !important; 8 | } 9 | 10 | @include media-breakpoint-up(lg) { 11 | .vh-lg-100 { 12 | height: 100vh !important; 13 | } 14 | } 15 | 16 | @for $nr from 1 to 40 { 17 | .fh-#{$nr*50} { 18 | height: #{$nr*50}px !important; 19 | } 20 | } 21 | 22 | @for $nr from 1 to 40 { 23 | .fw-#{$nr*50} { 24 | width: #{$nr*50}px !important; 25 | } 26 | } 27 | 28 | @for $nr from 1 to 40 { 29 | .fmh-#{$nr*50} { 30 | min-height: #{$nr*50}px !important; 31 | } 32 | } 33 | 34 | @for $nr from 1 to 40 { 35 | .fmw-#{$nr*50} { 36 | min-width: #{$nr*50}px !important; 37 | } 38 | } 39 | 40 | @for $nr from 1 to 40 { 41 | .fmxh-#{$nr*50} { 42 | max-height: #{$nr*50}px !important; 43 | } 44 | } 45 | 46 | @for $nr from 1 to 40 { 47 | .fmxw-#{$nr*50} { 48 | max-width: #{$nr*50}px !important; 49 | } 50 | } 51 | 52 | -------------------------------------------------------------------------------- /src/scss/volt/utilities/_text.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Text utility classes 3 | */ 4 | 5 | .text-underline { text-decoration: underline !important; } 6 | .text-through { text-decoration: line-through !important; } 7 | 8 | // Display responsive styles 9 | @each $breakpoint in map-keys($grid-breakpoints) { 10 | @include media-breakpoint-up($breakpoint) { 11 | .display-1-#{$breakpoint} { font-size: $display1-size; } 12 | .display-2-#{$breakpoint} { font-size: $display2-size; } 13 | .display-3-#{$breakpoint} { font-size: $display3-size; } 14 | .display-4-#{$breakpoint} { font-size: $display4-size; } 15 | } 16 | } 17 | 18 | // Line heights 19 | // from lh-100 to lh-300 20 | @for $nr from 0 to 21 { 21 | .lh-#{100 + $nr*10} { 22 | line-height: #{1 + $nr/10}; 23 | } 24 | } 25 | 26 | // Letter spacings 27 | .ls-1 { letter-spacing: .0625rem; } 28 | .ls-2 { letter-spacing: .09375rem; } 29 | .ls-3 { letter-spacing: 0.125rem; } 30 | 31 | // Responsive alignment 32 | @each $breakpoint in map-keys($grid-breakpoints) { 33 | @include media-breakpoint-up($breakpoint) { 34 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); 35 | 36 | .text#{$infix}-left { text-align: left !important; } 37 | .text#{$infix}-right { text-align: right !important; } 38 | .text#{$infix}-center { text-align: center !important; } 39 | } 40 | } 41 | 42 | // Transformation 43 | .text-body { color: $body-color !important; } 44 | 45 | .text-black-50 { color: rgba($black, .5) !important; } 46 | .text-white-50 { color: rgba($white, .5) !important; } 47 | 48 | .list-style-none { 49 | margin: 0px; 50 | padding: 0px; 51 | list-style: none; 52 | } 53 | -------------------------------------------------------------------------------- /src/scss/volt/utilities/_transform.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * = Transform 3 | */ 4 | 5 | @include media-breakpoint-up(lg) { 6 | .transform-perspective-right { 7 | transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg); 8 | } 9 | .transform-perspective-left{ 10 | transform: scale(1) perspective(900px) rotateY(27deg) rotateX(2deg) rotate(-2deg); 11 | } 12 | } 13 | 14 | .t-none{ 15 | transform: none !important; 16 | } 17 | -------------------------------------------------------------------------------- /src/scss/volt/vendor/_datepicker.scss: -------------------------------------------------------------------------------- 1 | .rdtPicker{ 2 | .dow { 3 | height: 1.5rem; 4 | line-height: 1.5rem; 5 | font-size: $font-size-sm; 6 | font-weight: $font-weight-bolder; 7 | } 8 | td{ 9 | height: 35px !important; 10 | &.rdtActive{ 11 | background-color: $secondary !important; 12 | color: $dark !important; 13 | border-radius: $border-radius ; 14 | text-shadow: none !important; 15 | } 16 | &.rdtDay{ 17 | &:hover{ 18 | border-radius: $border-radius ; 19 | } 20 | } 21 | &.rdtToday{ 22 | background-color: $light; 23 | border-radius: $border-radius; 24 | &::before{ 25 | border-bottom: 7px solid $secondary; 26 | } 27 | } 28 | } 29 | th{ 30 | border-bottom:0 !important; 31 | } 32 | } 33 | 34 | -------------------------------------------------------------------------------- /src/scss/volt/vendor/_headroom.scss: -------------------------------------------------------------------------------- 1 | 2 | .headroom { 3 | will-change: transform; 4 | background-color: inherit; 5 | @include transition($transition-base); 6 | } 7 | .headroom--pinned { 8 | @extend .position-fixed; 9 | transform: translateY(0%); 10 | } 11 | .headroom--unpinned { 12 | @extend .position-fixed; 13 | transform: translateY(-100%); 14 | } 15 | 16 | .headroom--not-top { 17 | padding-top: 1rem; 18 | padding-bottom: 1rem; 19 | 20 | @each $color, $value in $theme-colors { 21 | &.navbar-theme-#{$color} { 22 | background-color: $value; 23 | 24 | .navbar-brand-light { 25 | display: none; 26 | } 27 | .navbar-brand-dark { 28 | display: block; 29 | } 30 | 31 | .nav-link { 32 | color: $navbar-dark-color; 33 | 34 | &:hover { 35 | color: $navbar-dark-hover-color; 36 | } 37 | } 38 | } 39 | } 40 | 41 | &.navbar-light { 42 | .navbar-nav > .nav-item.show > .nav-link, 43 | .navbar-nav > .nav-item > .nav-link:focus, 44 | .nav-item .nav-link > span { 45 | color: $white; 46 | } 47 | 48 | .navbar-toggler-icon { 49 | background-image: $navbar-dark-toggler-icon-bg; 50 | } 51 | } 52 | } -------------------------------------------------------------------------------- /src/scss/volt/vendor/wizard/_mixins.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * Breakpoint mixins to ease development conditions 3 | */ 4 | @mixin breakpoint( $point ) { 5 | @if $point == 'md' { 6 | @media screen and (max-width: $md-breakpoint) { @content; } 7 | } 8 | @else if $point == 'sm' { 9 | @media screen and (max-width: $sm-breakpoint) { @content; } 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /src/scss/volt/vendor/wizard/_variables.scss: -------------------------------------------------------------------------------- 1 | // Global Elements 2 | $sf-height: 100vh !default; 3 | 4 | // Breakpoints 5 | $md-breakpoint: 767px !default; 6 | $sm-breakpoint: 479px !default; 7 | 8 | // Variables 9 | $sf-group-width: 600px !default; 10 | 11 | // Colors 12 | $sf-color-primary: $primary !default; // Used for buttons 13 | $sf-color-secondary: $soft !default; // Used for secondary buttons, helpers. etc. 14 | $sf-color-tertiary: $soft !default; 15 | $sf-color-border: $light !default; // Used for borders 16 | $sf-color-black: $dark !default; 17 | $sf-color-white: $white !default; 18 | $sf-color-red: $danger !default; 19 | 20 | // Buttons 21 | $sf-btn-height: 40px !default; 22 | $sf-btn-padding: 0 20px !default; 23 | $sf-btn-font-size: $font-size-base !default; 24 | $sf-bg-color: $sf-color-primary !default; 25 | $sf-btn-text-color: $white !default; 26 | $sf-btn-text-color-inverse: $dark !default; 27 | 28 | // footer 29 | $sf-footer-height: 65px !default; 30 | 31 | // Transitions 32 | $sf-transition: .5s ease !default; 33 | --------------------------------------------------------------------------------