commit 412d6afe831a655b5be595faabbb7e6c56870a44 Author: sumesh Date: Tue Dec 10 18:10:45 2024 +0530 frontlinetraining diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..b0c19d0 Binary files /dev/null and b/.DS_Store differ diff --git a/next.config.js b/next.config.js new file mode 100644 index 0000000..491e9ba --- /dev/null +++ b/next.config.js @@ -0,0 +1,7 @@ +/** @type {import('next').NextConfig} */ +const nextConfig = { + reactStrictMode: false, + swcMinify: true, +} + +module.exports = nextConfig diff --git a/package.json b/package.json new file mode 100644 index 0000000..8db1bd3 --- /dev/null +++ b/package.json @@ -0,0 +1,44 @@ +{ + "name": "edu-blink", + "version": "0.1.0", + "private": true, + "scripts": { + "dev": "next dev", + "build": "next build", + "start": "next start", + "export": "next build && next export", + "lint": "next lint" + }, + "dependencies": { + "@popperjs/core": "^2.11.6", + "@reduxjs/toolkit": "^1.8.5", + "@svgr/webpack": "^6.3.1", + "bootstrap": "^5.2.0", + "emailjs-com": "^3.2.0", + "firebase": "^9.12.1", + "formik": "^2.2.9", + "framer-motion": "^7.6.7", + "next": "12.2.5", + "next-themes": "^0.2.0", + "react": "18.2.0", + "react-countup": "^6.3.1", + "react-dom": "18.2.0", + "react-hydration-provider": "^2.1.0", + "react-image-lightbox": "^5.1.4", + "react-intersection-observer": "^9.4.0", + "react-modal-video": "^1.2.10", + "react-paginate": "^8.1.3", + "react-rangeslider": "^2.2.0", + "react-redux": "^8.0.2", + "react-responsive-masonry": "^2.1.6", + "react-toastify": "^9.0.8", + "sal.js": "^0.8.5", + "sass": "^1.54.5", + "swiper": "^8.3.2", + "yup": "^0.32.11" + }, + "devDependencies": { + "eslint": "8.22.0", + "eslint-config-next": "12.2.5" + } +} diff --git a/public/.DS_Store b/public/.DS_Store new file mode 100644 index 0000000..12c3f8b Binary files /dev/null and b/public/.DS_Store differ diff --git a/public/assets/.DS_Store b/public/assets/.DS_Store new file mode 100644 index 0000000..555ce69 Binary files /dev/null and b/public/assets/.DS_Store differ diff --git a/public/assets/css/.DS_Store b/public/assets/css/.DS_Store new file mode 100644 index 0000000..9f79d5c Binary files /dev/null and b/public/assets/css/.DS_Store differ diff --git a/public/assets/css/vendor/animation.min.css b/public/assets/css/vendor/animation.min.css new file mode 100644 index 0000000..65cd4cf --- /dev/null +++ b/public/assets/css/vendor/animation.min.css @@ -0,0 +1,2601 @@ +*/.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} +.animated.bounceIn, .animated.bounceOut { + -webkit-animation-duration: .75s; + animation-duration: .75s; +} +.animated.flipOutX, .animated.flipOutY { + -webkit-animation-duration: .75s; + animation-duration: .75s; +} +@-webkit-keyframes bounce { + from, 20%, 53%, 80%, to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +40%, 43% { + -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); + animation-timing-function: cubic-bezier(.755, .05, .855, .06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); +} +70% { + -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); + animation-timing-function: cubic-bezier(.755, .05, .855, .06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); +} +90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); +} +}@keyframes bounce { + from, 20%, 53%, 80%, to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +40%, 43% { + -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); + animation-timing-function: cubic-bezier(.755, .05, .855, .06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); +} +70% { + -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); + animation-timing-function: cubic-bezier(.755, .05, .855, .06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); +} +90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); +} +}.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + -ms-transform-origin: center bottom; + transform-origin: center bottom; +} +@-webkit-keyframes flash { + from, 50%, to { + opacity: 1; +} +25%, 75% { + opacity: 0; +} +}@keyframes flash { + from, 50%, to { + opacity: 1; +} +25%, 75% { + opacity: 0; +} +}.flash { + -webkit-animation-name: flash; + animation-name: flash; +} +@-webkit-keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); +} +to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +}@keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); +} +to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +}.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} +@-webkit-keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +30% { + -webkit-transform: scale3d(1.25, .75, 1); + transform: scale3d(1.25, .75, 1); +} +40% { + -webkit-transform: scale3d(.75, 1.25, 1); + transform: scale3d(.75, 1.25, 1); +} +50% { + -webkit-transform: scale3d(1.15, .85, 1); + transform: scale3d(1.15, .85, 1); +} +65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1); +} +75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1); +} +to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +}@keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +30% { + -webkit-transform: scale3d(1.25, .75, 1); + transform: scale3d(1.25, .75, 1); +} +40% { + -webkit-transform: scale3d(.75, 1.25, 1); + transform: scale3d(.75, 1.25, 1); +} +50% { + -webkit-transform: scale3d(1.15, .85, 1); + transform: scale3d(1.15, .85, 1); +} +65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1); +} +75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1); +} +to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +}.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} +@-webkit-keyframes shake { + from, to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); +} +20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); +} +}@keyframes shake { + from, to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); +} +20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); +} +}.shake { + -webkit-animation-name: shake; + animation-name: shake; +} +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); +} +40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); +} +60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); +} +80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); +} +to { + -webkit-transform: rotate3d(0, 0, 1, 0); + transform: rotate3d(0, 0, 1, 0); +} +}@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); +} +40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); +} +60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); +} +80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); +} +to { + -webkit-transform: rotate3d(0, 0, 1, 0); + transform: rotate3d(0, 0, 1, 0); +} +}.swing { + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} +@-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); +} +30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); +} +40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); +} +to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +}@keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); +} +30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); +} +40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); +} +to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +}.tada { + -webkit-animation-name: tada; + animation-name: tada; +} +@-webkit-keyframes wobble { + from { + -webkit-transform: none; + transform: none; +} +15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); +} +30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); +} +45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); +} +60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); +} +75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); +} +to { + -webkit-transform: none; + transform: none; +} +}@keyframes wobble { + from { + -webkit-transform: none; + transform: none; +} +15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); +} +30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); +} +45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); +} +60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); +} +75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); +} +to { + -webkit-transform: none; + transform: none; +} +}.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} +@-webkit-keyframes jello { + from, 11.1%, to { + -webkit-transform: none; + transform: none; +} +22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); +} +33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); +} +44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); +} +55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); +} +66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); +} +77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); +} +88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); +} +}@keyframes jello { + from, 11.1%, to { + -webkit-transform: none; + transform: none; +} +22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); +} +33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); +} +44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); +} +55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); +} +66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); +} +77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); +} +88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); +} +}.jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; +} +@-webkit-keyframes bounceIn { + from, 20%, 40%, 60%, 80%, to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1); +} +0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); +} +20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); +} +40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); +} +60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); +} +80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); +} +to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +}@keyframes bounceIn { + from, 20%, 40%, 60%, 80%, to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1); +} +0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); +} +20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); +} +40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); +} +60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); +} +80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); +} +to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +}.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} +@-webkit-keyframes bounceInDown { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1); +} +0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); +} +60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); +} +75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); +} +90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); +} +to { + -webkit-transform: none; + transform: none; +} +}@keyframes bounceInDown { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1); +} +0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); +} +60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); +} +75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); +} +90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); +} +to { + -webkit-transform: none; + transform: none; +} +}.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} +@-webkit-keyframes bounceInLeft { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1); +} +0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); +} +60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); +} +75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); +} +90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); +} +to { + -webkit-transform: none; + transform: none; +} +}@keyframes bounceInLeft { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1); +} +0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); +} +60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); +} +75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); +} +90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); +} +to { + -webkit-transform: none; + transform: none; +} +}.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} +@-webkit-keyframes bounceInRight { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1); +} +from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); +} +60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); +} +75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); +} +90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); +} +to { + -webkit-transform: none; + transform: none; +} +}@keyframes bounceInRight { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1); +} +from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); +} +60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); +} +75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); +} +90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); +} +to { + -webkit-transform: none; + transform: none; +} +}.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} +@-webkit-keyframes bounceInUp { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1); +} +from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); +} +60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); +} +75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); +} +90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); +} +to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +}@keyframes bounceInUp { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1); +} +from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); +} +60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); +} +75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); +} +90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); +} +to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +}.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); +} +50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); +} +to { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); +} +}@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); +} +50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); +} +to { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); +} +}.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); +} +40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); +} +to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); +} +}@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); +} +40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); +} +to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); +} +}.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); +} +to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); +} +}@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); +} +to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); +} +}.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); +} +to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); +} +}@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); +} +to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); +} +}.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); +} +40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); +} +to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); +} +}@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); +} +40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); +} +to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); +} +}.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} +@-webkit-keyframes fadeIn { + from { + opacity: 0; +} +to { + opacity: 1; +} +}@keyframes fadeIn { + from { + opacity: 0; +} +to { + opacity: 1; +} +}.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}@keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} +@-webkit-keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}@keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} +@-webkit-keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}@keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} +@-webkit-keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}@keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} +@-webkit-keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}@keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} +@-webkit-keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}@keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} +@-webkit-keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}@keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} +@-webkit-keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}@keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} +@-webkit-keyframes fadeOut { + from { + opacity: 1; +} +to { + opacity: 0; +} +}@keyframes fadeOut { + from { + opacity: 1; +} +to { + opacity: 0; +} +}.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +}@keyframes fadeOutDown { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +}.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} +@-webkit-keyframes fadeOutDownBig { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); +} +}@keyframes fadeOutDownBig { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); +} +}.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} +@-webkit-keyframes fadeOutLeft { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +}@keyframes fadeOutLeft { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +}.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} +@-webkit-keyframes fadeOutLeftBig { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); +} +}@keyframes fadeOutLeftBig { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); +} +}.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} +@-webkit-keyframes fadeOutRight { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +}@keyframes fadeOutRight { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +}.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} +@-webkit-keyframes fadeOutRightBig { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); +} +}@keyframes fadeOutRightBig { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); +} +}.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +}@keyframes fadeOutUp { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +}.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} +@-webkit-keyframes fadeOutUpBig { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); +} +}@keyframes fadeOutUpBig { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); +} +}.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} +@-webkit-keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} +40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} +50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +}@keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} +40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} +50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +}.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} +@-webkit-keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; +} +40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; +} +80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); +} +to { + -webkit-transform: perspective(400px); + transform: perspective(400px); +} +}@keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; +} +40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; +} +80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); +} +to { + -webkit-transform: perspective(400px); + transform: perspective(400px); +} +}.flipInX { + -webkit-backface-visibility: visible!important; + backface-visibility: visible!important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} +@-webkit-keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; +} +40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; +} +80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); +} +to { + -webkit-transform: perspective(400px); + transform: perspective(400px); +} +}@keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; +} +40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; +} +80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); +} +to { + -webkit-transform: perspective(400px); + transform: perspective(400px); +} +}.flipInY { + -webkit-backface-visibility: visible!important; + backface-visibility: visible!important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} +@-webkit-keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); +} +30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; +} +to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; +} +}@keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); +} +30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; +} +to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; +} +}.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible!important; + backface-visibility: visible!important; +} +@-webkit-keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); +} +30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; +} +to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; +} +}@keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); +} +30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; +} +to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; +} +}.flipOutY { + -webkit-backface-visibility: visible!important; + backface-visibility: visible!important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} +@-webkit-keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; +} +60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; +} +80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; +} +to { + -webkit-transform: none; + transform: none; + opacity: 1; +} +}@keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; +} +60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; +} +80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; +} +to { + -webkit-transform: none; + transform: none; + opacity: 1; +} +}.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} +@-webkit-keyframes lightSpeedOut { + from { + opacity: 1; +} +to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; +} +}@keyframes lightSpeedOut { + from { + opacity: 1; +} +to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; +} +}.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +@-webkit-keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; +} +to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; +} +}@keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; +} +to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; +} +}.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} +@-webkit-keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; +} +to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; +} +}@keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; +} +to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; +} +}.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} +@-webkit-keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; +} +to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; +} +}@keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; +} +to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; +} +}.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} +@-webkit-keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; +} +to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; +} +}@keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; +} +to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; +} +}.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} +@-webkit-keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; +} +to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; +} +}@keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; +} +to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; +} +}.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} +@-webkit-keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; +} +to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; +} +}@keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; +} +to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; +} +}.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} +@-webkit-keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; +} +to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; +} +}@keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; +} +to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; +} +}.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} +@-webkit-keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; +} +to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; +} +}@keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; +} +to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; +} +}.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} +@-webkit-keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; +} +to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; +} +}@keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; +} +to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; +} +}.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} +@-webkit-keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; +} +to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; +} +}@keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; +} +to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; +} +}.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} +20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} +40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; +} +to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; +} +}@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} +20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} +40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; +} +to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; +} +}.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} +@-webkit-keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}@keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); +} +to { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} +@-webkit-keyframes rollOut { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); +} +}@keyframes rollOut { + from { + opacity: 1; +} +to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); +} +}.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} +@-webkit-keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); +} +50% { + opacity: 1; +} +}@keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); +} +50% { + opacity: 1; +} +}.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} +@-webkit-keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19); +} +60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1); +} +}@keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19); +} +60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1); +} +}.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} +@-webkit-keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19); +} +60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1); +} +}@keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19); +} +60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1); +} +}.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} +@-webkit-keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19); +} +60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1); +} +}@keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19); +} +60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1); +} +}.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} +@-webkit-keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19); +} +60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1); +} +}@keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19); +} +60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1); +} +}.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} +@-webkit-keyframes zoomOut { + from { + opacity: 1; +} +50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); +} +to { + opacity: 0; +} +}@keyframes zoomOut { + from { + opacity: 1; +} +50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); +} +to { + opacity: 0; +} +}.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19); +} +to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1); +} +}@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19); +} +to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1); +} +}.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); +} +to { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; +} +}@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); +} +to { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; +} +}.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); +} +to { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; +} +}@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); +} +to { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; +} +}.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19); +} +to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1); +} +}@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); + animation-timing-function: cubic-bezier(.55, .055, .675, .19); +} +to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); + animation-timing-function: cubic-bezier(.175, .885, .32, 1); +} +}.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} +@-webkit-keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; +} +to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +}@keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; +} +to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +}.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} +@-webkit-keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; +} +to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +}@keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; +} +to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +}.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} +@-webkit-keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; +} +to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +}@keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; +} +to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +}.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} +@-webkit-keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; +} +to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +}@keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; +} +to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +}.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} +@-webkit-keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +}@keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +}.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} +@-webkit-keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +}@keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +}.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} +@-webkit-keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +}@keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +}.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} +@-webkit-keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +}@keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} +}.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} +.animated { + opacity: 0; + -ms-transform: translateY(200%); + transform: translateY(200%); + -webkit-transform: translateY(200%); +} \ No newline at end of file diff --git a/public/assets/css/vendor/bootstrap.min.css b/public/assets/css/vendor/bootstrap.min.css new file mode 100644 index 0000000..8a0da47 --- /dev/null +++ b/public/assets/css/vendor/bootstrap.min.css @@ -0,0 +1,10327 @@ +@charset "UTF-8"; + /*! + * Bootstrap v5.0.2 (https: //getbootstrap.com/) + * Copyright 2011-2021 The Bootstrap Authors + * Copyright 2011-2021 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */:root { + --bs-blue: #0d6efd; + --bs-indigo: #6610f2; + --bs-purple: #6f42c1; + --bs-pink: #d63384; + --bs-red: #dc3545; + --bs-orange: #fd7e14; + --bs-yellow: #ffc107; + --bs-green: #198754; + --bs-teal: #20c997; + --bs-cyan: #0dcaf0; + --bs-white: #fff; + --bs-gray: #6c757d; + --bs-gray-dark: #343a40; + --bs-primary: #0d6efd; + --bs-secondary: #6c757d; + --bs-success: #198754; + --bs-info: #0dcaf0; + --bs-warning: #ffc107; + --bs-danger: #dc3545; + --bs-light: #f8f9fa; + --bs-dark: #212529; + --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); +} +*, ::after, ::before { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +@media(prefers-reduced-motion:no-preference) { + :root { + scroll-behavior: smooth; +} +}body { + margin: 0; + font-family: var(--bs-font-sans-serif); + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + background-color: #fff; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: transparent; +} +hr { + margin: 1rem 0; + color: inherit; + background-color: currentColor; + border: 0; + opacity: .25; +} +hr:not([size]) { + height: 1px; +} +.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: .5rem; + font-weight: 500; + line-height: 1.2; +} +.h1, h1 { + font-size: calc(1.375rem + 1.5vw); +} +@media(min-width:1200px) { + .h1, h1 { + font-size: 2.5rem; +} +}.h2, h2 { + font-size: calc(1.325rem + .9vw); +} +@media(min-width:1200px) { + .h2, h2 { + font-size: 2rem; +} +}.h3, h3 { + font-size: calc(1.3rem + .6vw); +} +@media(min-width:1200px) { + .h3, h3 { + font-size: 1.75rem; +} +}.h4, h4 { + font-size: calc(1.275rem + .3vw); +} +@media(min-width:1200px) { + .h4, h4 { + font-size: 1.5rem; +} +}.h5, h5 { + font-size: 1.25rem; +} +.h6, h6 { + font-size: 1rem; +} +p { + margin-top: 0; + margin-bottom: 1rem; +} +abbr[data-bs-original-title], abbr[title] { + -webkit-text-decoration: underline dotted; + -moz-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none; +} +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} +ol, ul { + padding-left: 2rem; +} +dl, ol, ul { + margin-top: 0; + margin-bottom: 1rem; +} +ol ol, ol ul, ul ol, ul ul { + margin-bottom: 0; +} +dt { + font-weight: 700; +} +dd { + margin-bottom: .5rem; + margin-left: 0; +} +blockquote { + margin: 0 0 1rem; +} +b, strong { + font-weight: bolder; +} +.small, small { + font-size: .875em; +} +.mark, mark { + padding: .2em; + background-color: #fcf8e3; +} +sub, sup { + position: relative; + font-size: .75em; + line-height: 0; + vertical-align: baseline; +} +sub { + bottom: -.25em; +} +sup { + top: -.5em; +} +a { + color: #0d6efd; + text-decoration: underline; +} +a:hover { + color: #0a58ca; +} +a:not([href]):not([class]), a:not([href]):not([class]):hover { + color: inherit; + text-decoration: none; +} +code, kbd, pre, samp { + font-family: var(--bs-font-monospace); + font-size: 1em; + direction: ltr; + unicode-bidi: bidi-override; +} +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + font-size: .875em; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} +code { + font-size: .875em; + color: #d63384; + word-wrap: break-word; +} +a>code { + color: inherit; +} +kbd { + padding: .2rem .4rem; + font-size: .875em; + color: #fff; + background-color: #212529; + border-radius: .2rem; +} +kbd kbd { + padding: 0; + font-size: 1em; + font-weight: 700; +} +figure { + margin: 0 0 1rem; +} +img, svg { + vertical-align: middle; +} +table { + caption-side: bottom; + border-collapse: collapse; +} +caption { + padding-top: .5rem; + padding-bottom: .5rem; + color: #6c757d; + text-align: left; +} +th { + text-align: inherit; + text-align: -webkit-match-parent; +} +tbody, td, tfoot, th, thead, tr { + border-color: inherit; + border-style: solid; + border-width: 0; +} +label { + display: inline-block; +} +button { + border-radius: 0; +} +button:focus:not(:focus-visible) { + outline: 0; +} +button, input, optgroup, select, textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +button, select { + text-transform: none; +} +[role=button] { + cursor: pointer; +} +select { + word-wrap: normal; +} +select:disabled { + opacity: 1; +} +[list]::-webkit-calendar-picker-indicator { + display: none; +} +[type=button], [type=reset], [type=submit], button { + -webkit-appearance: button; +} +[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { + cursor: pointer; +} +::-moz-focus-inner { + padding: 0; + border-style: none; +} +textarea { + resize: vertical; +} +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} +legend { + float: left; + width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: calc(1.275rem + .3vw); + line-height: inherit; +} +@media(min-width:1200px) { + legend { + font-size: 1.5rem; +} +}legend+* { + clear: left; +} +::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { + padding: 0; +} +::-webkit-inner-spin-button { + height: auto; +} +[type=search] { + outline-offset: -2px; + -webkit-appearance: textfield; +} +::-webkit-search-decoration { + -webkit-appearance: none; +} +::-webkit-color-swatch-wrapper { + padding: 0; +} +::file-selector-button { + font: inherit; +} +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} +output { + display: inline-block; +} +iframe { + border: 0; +} +summary { + display: list-item; + cursor: pointer; +} +progress { + vertical-align: baseline; +} +[hidden] { + display: none !important; +} +.lead { + font-size: 1.25rem; + font-weight: 300; +} +.display-1 { + font-size: calc(1.625rem + 4.5vw); + font-weight: 300; + line-height: 1.2; +} +@media(min-width:1200px) { + .display-1 { + font-size: 5rem; +} +}.display-2 { + font-size: calc(1.575rem + 3.9vw); + font-weight: 300; + line-height: 1.2; +} +@media(min-width:1200px) { + .display-2 { + font-size: 4.5rem; +} +}.display-3 { + font-size: calc(1.525rem + 3.3vw); + font-weight: 300; + line-height: 1.2; +} +@media(min-width:1200px) { + .display-3 { + font-size: 4rem; +} +}.display-4 { + font-size: calc(1.475rem + 2.7vw); + font-weight: 300; + line-height: 1.2; +} +@media(min-width:1200px) { + .display-4 { + font-size: 3.5rem; +} +}.display-5 { + font-size: calc(1.425rem + 2.1vw); + font-weight: 300; + line-height: 1.2; +} +@media(min-width:1200px) { + .display-5 { + font-size: 3rem; +} +}.display-6 { + font-size: calc(1.375rem + 1.5vw); + font-weight: 300; + line-height: 1.2; +} +@media(min-width:1200px) { + .display-6 { + font-size: 2.5rem; +} +}.list-unstyled { + padding-left: 0; + list-style: none; +} +.list-inline { + padding-left: 0; + list-style: none; +} +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: .5rem; +} +.initialism { + font-size: .875em; + text-transform: uppercase; +} +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} +.blockquote>:last-child { + margin-bottom: 0; +} +.blockquote-footer { + margin-top: -1rem; + margin-bottom: 1rem; + font-size: .875em; + color: #6c757d; +} +.blockquote-footer::before { + content: "— "} +.img-fluid { + max-width: 100%; + height: auto; +} +.img-thumbnail { + padding: .25rem; + background-color: #fff; + border: 1px solid #dee2e6; + border-radius: .25rem; + max-width: 100%; + height: auto; +} +.figure { + display: inline-block; +} +.figure-img { + margin-bottom: .5rem; + line-height: 1; +} +.figure-caption { + font-size: .875em; + color: #6c757d; +} +.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { + width: 100%; + padding-right: var(--bs-gutter-x, .75rem); + padding-left: var(--bs-gutter-x, .75rem); + margin-right: auto; + margin-left: auto; +} +@media(min-width:576px) { + .container, .container-sm { + max-width: 540px; +} +}@media(min-width:768px) { + .container, .container-md, .container-sm { + max-width: 720px; +} +}@media(min-width:992px) { + .container, .container-lg, .container-md, .container-sm { + max-width: 960px; +} +}@media(min-width:1200px) { + .container, .container-lg, .container-md, .container-sm, .container-xl { + max-width: 1140px; +} +}@media(min-width:1400px) { + .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { + max-width: 1185px; +} +}.row { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-top: calc(var(--bs-gutter-y) * -1); + margin-right: calc(var(--bs-gutter-x) * -.5); + margin-left: calc(var(--bs-gutter-x) * -.5); +} +.row>* { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--bs-gutter-x) * .5); + padding-left: calc(var(--bs-gutter-x) * .5); + margin-top: var(--bs-gutter-y); +} +.col { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0; + -ms-flex: 1 0 0; + flex: 1 0 0; +} +.row-cols-auto>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} +.row-cols-1>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%} +.row-cols-2>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%} +.row-cols-3>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%} +.row-cols-4>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%} +.row-cols-5>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%} +.row-cols-6>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%} +@media(min-width:576px) { + .col-sm { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0; + -ms-flex: 1 0 0; + flex: 1 0 0; +} +.row-cols-sm-auto>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} +.row-cols-sm-1>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%} +.row-cols-sm-2>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%} +.row-cols-sm-3>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%} +.row-cols-sm-4>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%} +.row-cols-sm-5>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%} +.row-cols-sm-6>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%} +}@media(min-width:768px) { + .col-md { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0; + -ms-flex: 1 0 0; + flex: 1 0 0; +} +.row-cols-md-auto>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} +.row-cols-md-1>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%} +.row-cols-md-2>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%} +.row-cols-md-3>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%} +.row-cols-md-4>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%} +.row-cols-md-5>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%} +.row-cols-md-6>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%} +}@media(min-width:992px) { + .col-lg { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0; + -ms-flex: 1 0 0; + flex: 1 0 0; +} +.row-cols-lg-auto>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} +.row-cols-lg-1>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%} +.row-cols-lg-2>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%} +.row-cols-lg-3>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%} +.row-cols-lg-4>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%} +.row-cols-lg-5>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%} +.row-cols-lg-6>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%} +}@media(min-width:1200px) { + .col-xl { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0; + -ms-flex: 1 0 0; + flex: 1 0 0; +} +.row-cols-xl-auto>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} +.row-cols-xl-1>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%} +.row-cols-xl-2>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%} +.row-cols-xl-3>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%} +.row-cols-xl-4>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%} +.row-cols-xl-5>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%} +.row-cols-xl-6>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%} +}@media(min-width:1400px) { + .col-xxl { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0; + -ms-flex: 1 0 0; + flex: 1 0 0; +} +.row-cols-xxl-auto>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} +.row-cols-xxl-1>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%} +.row-cols-xxl-2>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%} +.row-cols-xxl-3>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%} +.row-cols-xxl-4>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%} +.row-cols-xxl-5>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%} +.row-cols-xxl-6>* { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%} +}.col-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} +.col-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333333%} +.col-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66666667%} +.col-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%} +.col-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333333%} +.col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66666667%} +.col-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%} +.col-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333333%} +.col-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66666667%} +.col-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%} +.col-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333333%} +.col-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66666667%} +.col-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%} +.offset-1 { + margin-left: 8.33333333%} +.offset-2 { + margin-left: 16.66666667%} +.offset-3 { + margin-left: 25%} +.offset-4 { + margin-left: 33.33333333%} +.offset-5 { + margin-left: 41.66666667%} +.offset-6 { + margin-left: 50%} +.offset-7 { + margin-left: 58.33333333%} +.offset-8 { + margin-left: 66.66666667%} +.offset-9 { + margin-left: 75%} +.offset-10 { + margin-left: 83.33333333%} +.offset-11 { + margin-left: 91.66666667%} +.g-0, .gx-0 { + --bs-gutter-x: 0; +} +.g-0, .gy-0 { + --bs-gutter-y: 0; +} +.g-1, .gx-1 { + --bs-gutter-x: .25rem; +} +.g-1, .gy-1 { + --bs-gutter-y: .25rem; +} +.g-2, .gx-2 { + --bs-gutter-x: .5rem; +} +.g-2, .gy-2 { + --bs-gutter-y: .5rem; +} +.g-3, .gx-3 { + --bs-gutter-x: 1rem; +} +.g-3, .gy-3 { + --bs-gutter-y: 1rem; +} +.g-4, .gx-4 { + --bs-gutter-x: 1.5rem; +} +.g-4, .gy-4 { + --bs-gutter-y: 1.5rem; +} +.g-5, .gx-5 { + --bs-gutter-x: 3rem; +} +.g-5, .gy-5 { + --bs-gutter-y: 3rem; +} +@media(min-width:576px) { + .col-sm-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} +.col-sm-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333333%} +.col-sm-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66666667%} +.col-sm-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%} +.col-sm-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333333%} +.col-sm-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66666667%} +.col-sm-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%} +.col-sm-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333333%} +.col-sm-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66666667%} +.col-sm-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%} +.col-sm-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333333%} +.col-sm-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66666667%} +.col-sm-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%} +.offset-sm-0 { + margin-left: 0; +} +.offset-sm-1 { + margin-left: 8.33333333%} +.offset-sm-2 { + margin-left: 16.66666667%} +.offset-sm-3 { + margin-left: 25%} +.offset-sm-4 { + margin-left: 33.33333333%} +.offset-sm-5 { + margin-left: 41.66666667%} +.offset-sm-6 { + margin-left: 50%} +.offset-sm-7 { + margin-left: 58.33333333%} +.offset-sm-8 { + margin-left: 66.66666667%} +.offset-sm-9 { + margin-left: 75%} +.offset-sm-10 { + margin-left: 83.33333333%} +.offset-sm-11 { + margin-left: 91.66666667%} +.g-sm-0, .gx-sm-0 { + --bs-gutter-x: 0; +} +.g-sm-0, .gy-sm-0 { + --bs-gutter-y: 0; +} +.g-sm-1, .gx-sm-1 { + --bs-gutter-x: .25rem; +} +.g-sm-1, .gy-sm-1 { + --bs-gutter-y: .25rem; +} +.g-sm-2, .gx-sm-2 { + --bs-gutter-x: .5rem; +} +.g-sm-2, .gy-sm-2 { + --bs-gutter-y: .5rem; +} +.g-sm-3, .gx-sm-3 { + --bs-gutter-x: 1rem; +} +.g-sm-3, .gy-sm-3 { + --bs-gutter-y: 1rem; +} +.g-sm-4, .gx-sm-4 { + --bs-gutter-x: 1.5rem; +} +.g-sm-4, .gy-sm-4 { + --bs-gutter-y: 1.5rem; +} +.g-sm-5, .gx-sm-5 { + --bs-gutter-x: 3rem; +} +.g-sm-5, .gy-sm-5 { + --bs-gutter-y: 3rem; +} +}@media(min-width:768px) { + .col-md-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} +.col-md-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333333%} +.col-md-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66666667%} +.col-md-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%} +.col-md-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333333%} +.col-md-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66666667%} +.col-md-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%} +.col-md-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333333%} +.col-md-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66666667%} +.col-md-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%} +.col-md-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333333%} +.col-md-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66666667%} +.col-md-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%} +.offset-md-0 { + margin-left: 0; +} +.offset-md-1 { + margin-left: 8.33333333%} +.offset-md-2 { + margin-left: 16.66666667%} +.offset-md-3 { + margin-left: 25%} +.offset-md-4 { + margin-left: 33.33333333%} +.offset-md-5 { + margin-left: 41.66666667%} +.offset-md-6 { + margin-left: 50%} +.offset-md-7 { + margin-left: 58.33333333%} +.offset-md-8 { + margin-left: 66.66666667%} +.offset-md-9 { + margin-left: 75%} +.offset-md-10 { + margin-left: 83.33333333%} +.offset-md-11 { + margin-left: 91.66666667%} +.g-md-0, .gx-md-0 { + --bs-gutter-x: 0; +} +.g-md-0, .gy-md-0 { + --bs-gutter-y: 0; +} +.g-md-1, .gx-md-1 { + --bs-gutter-x: .25rem; +} +.g-md-1, .gy-md-1 { + --bs-gutter-y: .25rem; +} +.g-md-2, .gx-md-2 { + --bs-gutter-x: .5rem; +} +.g-md-2, .gy-md-2 { + --bs-gutter-y: .5rem; +} +.g-md-3, .gx-md-3 { + --bs-gutter-x: 1rem; +} +.g-md-3, .gy-md-3 { + --bs-gutter-y: 1rem; +} +.g-md-4, .gx-md-4 { + --bs-gutter-x: 1.5rem; +} +.g-md-4, .gy-md-4 { + --bs-gutter-y: 1.5rem; +} +.g-md-5, .gx-md-5 { + --bs-gutter-x: 3rem; +} +.g-md-5, .gy-md-5 { + --bs-gutter-y: 3rem; +} +}@media(min-width:992px) { + .col-lg-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} +.col-lg-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333333%} +.col-lg-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66666667%} +.col-lg-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%} +.col-lg-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333333%} +.col-lg-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66666667%} +.col-lg-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%} +.col-lg-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333333%} +.col-lg-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66666667%} +.col-lg-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%} +.col-lg-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333333%} +.col-lg-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66666667%} +.col-lg-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%} +.offset-lg-0 { + margin-left: 0; +} +.offset-lg-1 { + margin-left: 8.33333333%} +.offset-lg-2 { + margin-left: 16.66666667%} +.offset-lg-3 { + margin-left: 25%} +.offset-lg-4 { + margin-left: 33.33333333%} +.offset-lg-5 { + margin-left: 41.66666667%} +.offset-lg-6 { + margin-left: 50%} +.offset-lg-7 { + margin-left: 58.33333333%} +.offset-lg-8 { + margin-left: 66.66666667%} +.offset-lg-9 { + margin-left: 75%} +.offset-lg-10 { + margin-left: 83.33333333%} +.offset-lg-11 { + margin-left: 91.66666667%} +.g-lg-0, .gx-lg-0 { + --bs-gutter-x: 0; +} +.g-lg-0, .gy-lg-0 { + --bs-gutter-y: 0; +} +.g-lg-1, .gx-lg-1 { + --bs-gutter-x: .25rem; +} +.g-lg-1, .gy-lg-1 { + --bs-gutter-y: .25rem; +} +.g-lg-2, .gx-lg-2 { + --bs-gutter-x: .5rem; +} +.g-lg-2, .gy-lg-2 { + --bs-gutter-y: .5rem; +} +.g-lg-3, .gx-lg-3 { + --bs-gutter-x: 1rem; +} +.g-lg-3, .gy-lg-3 { + --bs-gutter-y: 1rem; +} +.g-lg-4, .gx-lg-4 { + --bs-gutter-x: 1.5rem; +} +.g-lg-4, .gy-lg-4 { + --bs-gutter-y: 1.5rem; +} +.g-lg-5, .gx-lg-5 { + --bs-gutter-x: 3rem; +} +.g-lg-5, .gy-lg-5 { + --bs-gutter-y: 3rem; +} +}@media(min-width:1200px) { + .col-xl-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} +.col-xl-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333333%} +.col-xl-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66666667%} +.col-xl-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%} +.col-xl-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333333%} +.col-xl-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66666667%} +.col-xl-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%} +.col-xl-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333333%} +.col-xl-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66666667%} +.col-xl-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%} +.col-xl-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333333%} +.col-xl-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66666667%} +.col-xl-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%} +.offset-xl-0 { + margin-left: 0; +} +.offset-xl-1 { + margin-left: 8.33333333%} +.offset-xl-2 { + margin-left: 16.66666667%} +.offset-xl-3 { + margin-left: 25%} +.offset-xl-4 { + margin-left: 33.33333333%} +.offset-xl-5 { + margin-left: 41.66666667%} +.offset-xl-6 { + margin-left: 50%} +.offset-xl-7 { + margin-left: 58.33333333%} +.offset-xl-8 { + margin-left: 66.66666667%} +.offset-xl-9 { + margin-left: 75%} +.offset-xl-10 { + margin-left: 83.33333333%} +.offset-xl-11 { + margin-left: 91.66666667%} +.g-xl-0, .gx-xl-0 { + --bs-gutter-x: 0; +} +.g-xl-0, .gy-xl-0 { + --bs-gutter-y: 0; +} +.g-xl-1, .gx-xl-1 { + --bs-gutter-x: .25rem; +} +.g-xl-1, .gy-xl-1 { + --bs-gutter-y: .25rem; +} +.g-xl-2, .gx-xl-2 { + --bs-gutter-x: .5rem; +} +.g-xl-2, .gy-xl-2 { + --bs-gutter-y: .5rem; +} +.g-xl-3, .gx-xl-3 { + --bs-gutter-x: 1rem; +} +.g-xl-3, .gy-xl-3 { + --bs-gutter-y: 1rem; +} +.g-xl-4, .gx-xl-4 { + --bs-gutter-x: 1.5rem; +} +.g-xl-4, .gy-xl-4 { + --bs-gutter-y: 1.5rem; +} +.g-xl-5, .gx-xl-5 { + --bs-gutter-x: 3rem; +} +.g-xl-5, .gy-xl-5 { + --bs-gutter-y: 3rem; +} +}@media(min-width:1400px) { + .col-xxl-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} +.col-xxl-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333333%} +.col-xxl-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66666667%} +.col-xxl-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%} +.col-xxl-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333333%} +.col-xxl-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66666667%} +.col-xxl-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%} +.col-xxl-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333333%} +.col-xxl-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66666667%} +.col-xxl-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%} +.col-xxl-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333333%} +.col-xxl-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66666667%} +.col-xxl-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%} +.offset-xxl-0 { + margin-left: 0; +} +.offset-xxl-1 { + margin-left: 8.33333333%} +.offset-xxl-2 { + margin-left: 16.66666667%} +.offset-xxl-3 { + margin-left: 25%} +.offset-xxl-4 { + margin-left: 33.33333333%} +.offset-xxl-5 { + margin-left: 41.66666667%} +.offset-xxl-6 { + margin-left: 50%} +.offset-xxl-7 { + margin-left: 58.33333333%} +.offset-xxl-8 { + margin-left: 66.66666667%} +.offset-xxl-9 { + margin-left: 75%} +.offset-xxl-10 { + margin-left: 83.33333333%} +.offset-xxl-11 { + margin-left: 91.66666667%} +.g-xxl-0, .gx-xxl-0 { + --bs-gutter-x: 0; +} +.g-xxl-0, .gy-xxl-0 { + --bs-gutter-y: 0; +} +.g-xxl-1, .gx-xxl-1 { + --bs-gutter-x: .25rem; +} +.g-xxl-1, .gy-xxl-1 { + --bs-gutter-y: .25rem; +} +.g-xxl-2, .gx-xxl-2 { + --bs-gutter-x: .5rem; +} +.g-xxl-2, .gy-xxl-2 { + --bs-gutter-y: .5rem; +} +.g-xxl-3, .gx-xxl-3 { + --bs-gutter-x: 1rem; +} +.g-xxl-3, .gy-xxl-3 { + --bs-gutter-y: 1rem; +} +.g-xxl-4, .gx-xxl-4 { + --bs-gutter-x: 1.5rem; +} +.g-xxl-4, .gy-xxl-4 { + --bs-gutter-y: 1.5rem; +} +.g-xxl-5, .gx-xxl-5 { + --bs-gutter-x: 3rem; +} +.g-xxl-5, .gy-xxl-5 { + --bs-gutter-y: 3rem; +} +}.table { + --bs-table-bg: transparent; + --bs-table-accent-bg: transparent; + --bs-table-striped-color: #212529; + --bs-table-striped-bg: rgba(0, 0, 0, 0.05); + --bs-table-active-color: #212529; + --bs-table-active-bg: rgba(0, 0, 0, 0.1); + --bs-table-hover-color: #212529; + --bs-table-hover-bg: rgba(0, 0, 0, 0.075); + width: 100%; + margin-bottom: 1rem; + color: #212529; + vertical-align: top; + border-color: #dee2e6; +} +.table>:not(caption)>*>* { + padding: .5rem .5rem; + background-color: var(--bs-table-bg); + border-bottom-width: 1px; + -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); + box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); +} +.table>tbody { + vertical-align: inherit; +} +.table>thead { + vertical-align: bottom; +} +.table>:not(:last-child)>:last-child>* { + border-bottom-color: currentColor; +} +.caption-top { + caption-side: top; +} +.table-sm>:not(caption)>*>* { + padding: .25rem .25rem; +} +.table-bordered>:not(caption)>* { + border-width: 1px 0; +} +.table-bordered>:not(caption)>*>* { + border-width: 0 1px; +} +.table-borderless>:not(caption)>*>* { + border-bottom-width: 0; +} +.table-striped>tbody>tr:nth-of-type(odd) { + --bs-table-accent-bg: var(--bs-table-striped-bg); + color: var(--bs-table-striped-color); +} +.table-active { + --bs-table-accent-bg: var(--bs-table-active-bg); + color: var(--bs-table-active-color); +} +.table-hover>tbody>tr:hover { + --bs-table-accent-bg: var(--bs-table-hover-bg); + color: var(--bs-table-hover-color); +} +.table-primary { + --bs-table-bg: #cfe2ff; + --bs-table-striped-bg: #c5d7f2; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bacbe6; + --bs-table-active-color: #000; + --bs-table-hover-bg: #bfd1ec; + --bs-table-hover-color: #000; + color: #000; + border-color: #bacbe6; +} +.table-secondary { + --bs-table-bg: #e2e3e5; + --bs-table-striped-bg: #d7d8da; + --bs-table-striped-color: #000; + --bs-table-active-bg: #cbccce; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d1d2d4; + --bs-table-hover-color: #000; + color: #000; + border-color: #cbccce; +} +.table-success { + --bs-table-bg: #d1e7dd; + --bs-table-striped-bg: #c7dbd2; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bcd0c7; + --bs-table-active-color: #000; + --bs-table-hover-bg: #c1d6cc; + --bs-table-hover-color: #000; + color: #000; + border-color: #bcd0c7; +} +.table-info { + --bs-table-bg: #cff4fc; + --bs-table-striped-bg: #c5e8ef; + --bs-table-striped-color: #000; + --bs-table-active-bg: #badce3; + --bs-table-active-color: #000; + --bs-table-hover-bg: #bfe2e9; + --bs-table-hover-color: #000; + color: #000; + border-color: #badce3; +} +.table-warning { + --bs-table-bg: #fff3cd; + --bs-table-striped-bg: #f2e7c3; + --bs-table-striped-color: #000; + --bs-table-active-bg: #e6dbb9; + --bs-table-active-color: #000; + --bs-table-hover-bg: #ece1be; + --bs-table-hover-color: #000; + color: #000; + border-color: #e6dbb9; +} +.table-danger { + --bs-table-bg: #f8d7da; + --bs-table-striped-bg: #eccccf; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfc2c4; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5c7ca; + --bs-table-hover-color: #000; + color: #000; + border-color: #dfc2c4; +} +.table-light { + --bs-table-bg: #f8f9fa; + --bs-table-striped-bg: #ecedee; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfe0e1; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5e6e7; + --bs-table-hover-color: #000; + color: #000; + border-color: #dfe0e1; +} +.table-dark { + --bs-table-bg: #212529; + --bs-table-striped-bg: #2c3034; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #373b3e; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #323539; + --bs-table-hover-color: #fff; + color: #fff; + border-color: #373b3e; +} +.table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +@media(max-width:575.98px) { + .table-responsive-sm { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +}@media(max-width:767.98px) { + .table-responsive-md { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +}@media(max-width:991.98px) { + .table-responsive-lg { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +}@media(max-width:1199.98px) { + .table-responsive-xl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +}@media(max-width:1399.98px) { + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +}.form-label { + margin-bottom: .5rem; +} +.col-form-label { + padding-top: calc(.375rem + 1px); + padding-bottom: calc(.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} +.col-form-label-lg { + padding-top: calc(.5rem + 1px); + padding-bottom: calc(.5rem + 1px); + font-size: 1.25rem; +} +.col-form-label-sm { + padding-top: calc(.25rem + 1px); + padding-bottom: calc(.25rem + 1px); + font-size: .875rem; +} +.form-text { + margin-top: .25rem; + font-size: .875em; + color: #6c757d; +} +.form-control { + display: block; + width: 100%; + padding: .375rem .75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: .25rem; + -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; +} +@media(prefers-reduced-motion:reduce) { + .form-control { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.form-control[type=file] { + overflow: hidden; +} +.form-control[type=file]:not(:disabled):not([readonly]) { + cursor: pointer; +} +.form-control:focus { + color: #212529; + background-color: #fff; + border-color: #86b7fe; + outline: 0; + -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); +} +.form-control::-webkit-date-and-time-value { + height: 1.5em; +} +.form-control::-moz-placeholder { + color: #6c757d; + opacity: 1; +} +.form-control::-webkit-input-placeholder { + color: #6c757d; + opacity: 1; +} +.form-control:-ms-input-placeholder { + color: #6c757d; + opacity: 1; +} +.form-control::-ms-input-placeholder { + color: #6c757d; + opacity: 1; +} +.form-control::placeholder { + color: #6c757d; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} +.form-control::file-selector-button { + padding: .375rem .75rem; + margin: -.375rem -.75rem; + -webkit-margin-end: .75rem; + -moz-margin-end: .75rem; + margin-inline-end: .75rem; + color: #212529; + background-color: #e9ecef; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; +} +@media(prefers-reduced-motion:reduce) { + .form-control: :file-selector-button { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.form-control:hover:not(:disabled):not([readonly])::file-selector-button { + background-color: #dde0e3; +} +.form-control::-webkit-file-upload-button { + padding: .375rem .75rem; + margin: -.375rem -.75rem; + -webkit-margin-end: .75rem; + margin-inline-end: .75rem; + color: #212529; + background-color: #e9ecef; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; +} +@media(prefers-reduced-motion:reduce) { + .form-control: :-webkit-file-upload-button { + -webkit-transition: none; + transition: none; +} +}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { + background-color: #dde0e3; +} +.form-control-plaintext { + display: block; + width: 100%; + padding: .375rem 0; + margin-bottom: 0; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { + padding-right: 0; + padding-left: 0; +} +.form-control-sm { + min-height: calc(1.5em + (.5rem + 2px)); + padding: .25rem .5rem; + font-size: .875rem; + border-radius: .2rem; +} +.form-control-sm::file-selector-button { + padding: .25rem .5rem; + margin: -.25rem -.5rem; + -webkit-margin-end: .5rem; + -moz-margin-end: .5rem; + margin-inline-end: .5rem; +} +.form-control-sm::-webkit-file-upload-button { + padding: .25rem .5rem; + margin: -.25rem -.5rem; + -webkit-margin-end: .5rem; + margin-inline-end: .5rem; +} +.form-control-lg { + min-height: calc(1.5em + (1rem + 2px)); + padding: .5rem 1rem; + font-size: 1.25rem; + border-radius: .3rem; +} +.form-control-lg::file-selector-button { + padding: .5rem 1rem; + margin: -.5rem -1rem; + -webkit-margin-end: 1rem; + -moz-margin-end: 1rem; + margin-inline-end: 1rem; +} +.form-control-lg::-webkit-file-upload-button { + padding: .5rem 1rem; + margin: -.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; +} +textarea.form-control { + min-height: calc(1.5em + (.75rem + 2px)); +} +textarea.form-control-sm { + min-height: calc(1.5em + (.5rem + 2px)); +} +textarea.form-control-lg { + min-height: calc(1.5em + (1rem + 2px)); +} +.form-control-color { + max-width: 3rem; + height: auto; + padding: .375rem; +} +.form-control-color:not(:disabled):not([readonly]) { + cursor: pointer; +} +.form-control-color::-moz-color-swatch { + height: 1.5em; + border-radius: .25rem; +} +.form-control-color::-webkit-color-swatch { + height: 1.5em; + border-radius: .25rem; +} +.form-select { + display: block; + width: 100%; + padding: .375rem 2.25rem .375rem .75rem; + -moz-padding-start: calc(0.75rem - 3px); + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + background-color: #fff; + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right .75rem center; + background-size: 16px 12px; + border: 1px solid #ced4da; + border-radius: .25rem; + -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +@media(prefers-reduced-motion:reduce) { + .form-select { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.form-select:focus { + border-color: #86b7fe; + outline: 0; + -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); +} +.form-select[multiple], .form-select[size]:not([size="1"]) { + padding-right: .75rem; + background-image: none; +} +.form-select:disabled { + background-color: #e9ecef; +} +.form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #212529; +} +.form-select-sm { + padding-top: .25rem; + padding-bottom: .25rem; + padding-left: .5rem; + font-size: .875rem; +} +.form-select-lg { + padding-top: .5rem; + padding-bottom: .5rem; + padding-left: 1rem; + font-size: 1.25rem; +} +.form-check { + display: block; + min-height: 1.5rem; + padding-left: 1.5em; + margin-bottom: .125rem; +} +.form-check .form-check-input { + float: left; + margin-left: -1.5em; +} +.form-check-input { + width: 1em; + height: 1em; + margin-top: .25em; + vertical-align: top; + background-color: #fff; + background-repeat: no-repeat; + background-position: center; + background-size: contain; + border: 1px solid rgba(0, 0, 0, .25); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-print-color-adjust: exact; + color-adjust: exact; +} +.form-check-input[type=checkbox] { + border-radius: .25em; +} +.form-check-input[type=radio] { + border-radius: 50%} +.form-check-input:active { + -webkit-filter: brightness(90%); + filter: brightness(90%); +} +.form-check-input:focus { + border-color: #86b7fe; + outline: 0; + -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); +} +.form-check-input:checked { + background-color: #0d6efd; + border-color: #0d6efd; +} +.form-check-input:checked[type=checkbox] { + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); +} +.form-check-input:checked[type=radio] { + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); +} +.form-check-input[type=checkbox]:indeterminate { + background-color: #0d6efd; + border-color: #0d6efd; + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); +} +.form-check-input:disabled { + pointer-events: none; + -webkit-filter: none; + filter: none; + opacity: .5; +} +.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label { + opacity: .5; +} +.form-switch { + padding-left: 2.5em; +} +.form-switch .form-check-input { + width: 2em; + margin-left: -2.5em; + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); + background-position: left center; + border-radius: 2em; + -webkit-transition: background-position .15s ease-in-out; + -o-transition: background-position .15s ease-in-out; + transition: background-position .15s ease-in-out; +} +@media(prefers-reduced-motion:reduce) { + .form-switch .form-check-input { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.form-switch .form-check-input:focus { + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); +} +.form-switch .form-check-input:checked { + background-position: right center; + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +} +.form-check-inline { + display: inline-block; + margin-right: 1rem; +} +.btn-check { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} +.btn-check:disabled+.btn, .btn-check[disabled]+.btn { + pointer-events: none; + -webkit-filter: none; + filter: none; + opacity: .65; +} +.form-range { + width: 100%; + height: 1.5rem; + padding: 0; + background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.form-range:focus { + outline: 0; +} +.form-range:focus::-webkit-slider-thumb { + -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25); + box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25); +} +.form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25); +} +.form-range::-moz-focus-outer { + border: 0; +} +.form-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -.25rem; + background-color: #0d6efd; + border: 0; + border-radius: 1rem; + -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + -webkit-appearance: none; + appearance: none; +} +@media(prefers-reduced-motion:reduce) { + .form-range: :-webkit-slider-thumb { + -webkit-transition: none; + transition: none; +} +}.form-range::-webkit-slider-thumb:active { + background-color: #b6d4fe; +} +.form-range::-webkit-slider-runnable-track { + width: 100%; + height: .5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} +.form-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #0d6efd; + border: 0; + border-radius: 1rem; + -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + -moz-appearance: none; + appearance: none; +} +@media(prefers-reduced-motion:reduce) { + .form-range: :-moz-range-thumb { + -moz-transition: none; + transition: none; +} +}.form-range::-moz-range-thumb:active { + background-color: #b6d4fe; +} +.form-range::-moz-range-track { + width: 100%; + height: .5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} +.form-range:disabled { + pointer-events: none; +} +.form-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; +} +.form-range:disabled::-moz-range-thumb { + background-color: #adb5bd; +} +.form-floating { + position: relative; +} +.form-floating>.form-control, .form-floating>.form-select { + height: calc(3.5rem + 2px); + line-height: 1.25; +} +.form-floating>label { + position: absolute; + top: 0; + left: 0; + height: 100%; + padding: 1rem .75rem; + pointer-events: none; + border: 1px solid transparent; + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out; + transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out; + -o-transition: opacity .1s ease-in-out, transform .1s ease-in-out; + transition: opacity .1s ease-in-out, transform .1s ease-in-out; + transition: opacity .1s ease-in-out, transform .1s ease-in-out, -webkit-transform .1s ease-in-out; +} +@media(prefers-reduced-motion:reduce) { + .form-floating>label { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.form-floating>.form-control { + padding: 1rem .75rem; +} +.form-floating>.form-control::-moz-placeholder { + color: transparent; +} +.form-floating>.form-control::-webkit-input-placeholder { + color: transparent; +} +.form-floating>.form-control:-ms-input-placeholder { + color: transparent; +} +.form-floating>.form-control::-ms-input-placeholder { + color: transparent; +} +.form-floating>.form-control::placeholder { + color: transparent; +} +.form-floating>.form-control:not(:-moz-placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: .625rem; +} +.form-floating>.form-control:not(:-ms-input-placeholder) { + padding-top: 1.625rem; + padding-bottom: .625rem; +} +.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: .625rem; +} +.form-floating>.form-control:-webkit-autofill { + padding-top: 1.625rem; + padding-bottom: .625rem; +} +.form-floating>.form-select { + padding-top: 1.625rem; + padding-bottom: .625rem; +} +.form-floating>.form-control:not(:-moz-placeholder-shown)~label { + opacity: .65; + transform: scale(.85) translateY(-.5rem) translateX(.15rem); +} +.form-floating>.form-control:not(:-ms-input-placeholder)~label { + opacity: .65; + -ms-transform: scale(.85) translateY(-.5rem) translateX(.15rem); + transform: scale(.85) translateY(-.5rem) translateX(.15rem); +} +.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { + opacity: .65; + -webkit-transform: scale(.85) translateY(-.5rem) translateX(.15rem); + -ms-transform: scale(.85) translateY(-.5rem) translateX(.15rem); + transform: scale(.85) translateY(-.5rem) translateX(.15rem); +} +.form-floating>.form-control:-webkit-autofill~label { + opacity: .65; + -webkit-transform: scale(.85) translateY(-.5rem) translateX(.15rem); + transform: scale(.85) translateY(-.5rem) translateX(.15rem); +} +.input-group { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + width: 100%} +.input-group>.form-control, .input-group>.form-select { + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 1%; + min-width: 0; +} +.input-group>.form-control:focus, .input-group>.form-select:focus { + z-index: 3; +} +.input-group .btn { + position: relative; + z-index: 2; +} +.input-group .btn:focus { + z-index: 3; +} +.input-group-text { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: .375rem .75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + border-radius: .25rem; +} +.input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text { + padding: .5rem 1rem; + font-size: 1.25rem; + border-radius: .3rem; +} +.input-group-sm>.btn, .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text { + padding: .25rem .5rem; + font-size: .875rem; + border-radius: .2rem; +} +.input-group-lg>.form-select, .input-group-sm>.form-select { + padding-right: 3rem; +} +.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { + margin-left: -1px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.valid-feedback { + display: none; + width: 100%; + margin-top: .25rem; + font-size: .875em; + color: #198754; +} +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .25rem .5rem; + margin-top: .1rem; + font-size: .875rem; + color: #fff; + background-color: rgba(25, 135, 84, .9); + border-radius: .25rem; +} +.is-valid~.valid-feedback, .is-valid~.valid-tooltip, .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip { + display: block; +} +.form-control.is-valid, .was-validated .form-control:valid { + border-color: #198754; + padding-right: calc(1.5em + .75rem); + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(.375em + .1875rem) center; + background-size: calc(.75em + .375rem) calc(.75em + .375rem); +} +.form-control.is-valid:focus, .was-validated .form-control:valid:focus { + border-color: #198754; + -webkit-box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25); + box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25); +} +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.5em + .75rem); + background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem); +} +.form-select.is-valid, .was-validated .form-select:valid { + border-color: #198754; +} +.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { + padding-right: 4.125rem; + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-position: right .75rem center, center right 2.25rem; + background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem); +} +.form-select.is-valid:focus, .was-validated .form-select:valid:focus { + border-color: #198754; + -webkit-box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25); + box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25); +} +.form-check-input.is-valid, .was-validated .form-check-input:valid { + border-color: #198754; +} +.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { + background-color: #198754; +} +.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25); + box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25); +} +.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { + color: #198754; +} +.form-check-inline .form-check-input~.valid-feedback { + margin-left: .5em; +} +.input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid { + z-index: 1; +} +.input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus, .was-validated .input-group .form-control:valid:focus, .was-validated .input-group .form-select:valid:focus { + z-index: 3; +} +.invalid-feedback { + display: none; + width: 100%; + margin-top: .25rem; + font-size: .875em; + color: #dc3545; +} +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .25rem .5rem; + margin-top: .1rem; + font-size: .875rem; + color: #fff; + background-color: rgba(220, 53, 69, .9); + border-radius: .25rem; +} +.is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip { + display: block; +} +.form-control.is-invalid, .was-validated .form-control:invalid { + border-color: #dc3545; + padding-right: calc(1.5em + .75rem); + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(.375em + .1875rem) center; + background-size: calc(.75em + .375rem) calc(.75em + .375rem); +} +.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { + border-color: #dc3545; + -webkit-box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25); + box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25); +} +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.5em + .75rem); + background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem); +} +.form-select.is-invalid, .was-validated .form-select:invalid { + border-color: #dc3545; +} +.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { + padding-right: 4.125rem; + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + background-position: right .75rem center, center right 2.25rem; + background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem); +} +.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { + border-color: #dc3545; + -webkit-box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25); + box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25); +} +.form-check-input.is-invalid, .was-validated .form-check-input:invalid { + border-color: #dc3545; +} +.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { + background-color: #dc3545; +} +.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25); + box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25); +} +.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { + color: #dc3545; +} +.form-check-inline .form-check-input~.invalid-feedback { + margin-left: .5em; +} +.input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid { + z-index: 2; +} +.input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus, .was-validated .input-group .form-control:invalid:focus, .was-validated .input-group .form-select:invalid:focus { + z-index: 3; +} +.btn { + display: inline-block; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: center; + text-decoration: none; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + padding: .375rem .75rem; + font-size: 1rem; + border-radius: .25rem; + -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; +} +@media(prefers-reduced-motion:reduce) { + .btn { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.btn:hover { + color: #212529; +} +.btn-check:focus+.btn, .btn:focus { + outline: 0; + -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); +} +.btn.disabled, .btn:disabled, fieldset:disabled .btn { + pointer-events: none; + opacity: .65; +} +.btn-primary { + color: #fff; + background-color: #0d6efd; + border-color: #0d6efd; +} +.btn-primary:hover { + color: #fff; + background-color: #0b5ed7; + border-color: #0a58ca; +} +.btn-check:focus+.btn-primary, .btn-primary:focus { + color: #fff; + background-color: #0b5ed7; + border-color: #0a58ca; + -webkit-box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5); + box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5); +} +.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle { + color: #fff; + background-color: #0a58ca; + border-color: #0a53be; +} +.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5); + box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #fff; + background-color: #0d6efd; + border-color: #0d6efd; +} +.btn-secondary { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} +.btn-secondary:hover { + color: #fff; + background-color: #5c636a; + border-color: #565e64; +} +.btn-check:focus+.btn-secondary, .btn-secondary:focus { + color: #fff; + background-color: #5c636a; + border-color: #565e64; + -webkit-box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5); + box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5); +} +.btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle { + color: #fff; + background-color: #565e64; + border-color: #51585e; +} +.btn-check:active+.btn-secondary:focus, .btn-check:checked+.btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show>.btn-secondary.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5); + box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} +.btn-success { + color: #fff; + background-color: #198754; + border-color: #198754; +} +.btn-success:hover { + color: #fff; + background-color: #157347; + border-color: #146c43; +} +.btn-check:focus+.btn-success, .btn-success:focus { + color: #fff; + background-color: #157347; + border-color: #146c43; + -webkit-box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5); + box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5); +} +.btn-check:active+.btn-success, .btn-check:checked+.btn-success, .btn-success.active, .btn-success:active, .show>.btn-success.dropdown-toggle { + color: #fff; + background-color: #146c43; + border-color: #13653f; +} +.btn-check:active+.btn-success:focus, .btn-check:checked+.btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show>.btn-success.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5); + box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5); +} +.btn-success.disabled, .btn-success:disabled { + color: #fff; + background-color: #198754; + border-color: #198754; +} +.btn-info { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; +} +.btn-info:hover { + color: #000; + background-color: #31d2f2; + border-color: #25cff2; +} +.btn-check:focus+.btn-info, .btn-info:focus { + color: #000; + background-color: #31d2f2; + border-color: #25cff2; + -webkit-box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5); + box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5); +} +.btn-check:active+.btn-info, .btn-check:checked+.btn-info, .btn-info.active, .btn-info:active, .show>.btn-info.dropdown-toggle { + color: #000; + background-color: #3dd5f3; + border-color: #25cff2; +} +.btn-check:active+.btn-info:focus, .btn-check:checked+.btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show>.btn-info.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5); + box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5); +} +.btn-info.disabled, .btn-info:disabled { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; +} +.btn-warning { + color: #000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000; + background-color: #ffca2c; + border-color: #ffc720; +} +.btn-check:focus+.btn-warning, .btn-warning:focus { + color: #000; + background-color: #ffca2c; + border-color: #ffc720; + -webkit-box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5); + box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5); +} +.btn-check:active+.btn-warning, .btn-check:checked+.btn-warning, .btn-warning.active, .btn-warning:active, .show>.btn-warning.dropdown-toggle { + color: #000; + background-color: #ffcd39; + border-color: #ffc720; +} +.btn-check:active+.btn-warning:focus, .btn-check:checked+.btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show>.btn-warning.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5); + box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-danger { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.btn-danger:hover { + color: #fff; + background-color: #bb2d3b; + border-color: #b02a37; +} +.btn-check:focus+.btn-danger, .btn-danger:focus { + color: #fff; + background-color: #bb2d3b; + border-color: #b02a37; + -webkit-box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5); + box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5); +} +.btn-check:active+.btn-danger, .btn-check:checked+.btn-danger, .btn-danger.active, .btn-danger:active, .show>.btn-danger.dropdown-toggle { + color: #fff; + background-color: #b02a37; + border-color: #a52834; +} +.btn-check:active+.btn-danger:focus, .btn-check:checked+.btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show>.btn-danger.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5); + box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.btn-light { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.btn-light:hover { + color: #000; + background-color: #f9fafb; + border-color: #f9fafb; +} +.btn-check:focus+.btn-light, .btn-light:focus { + color: #000; + background-color: #f9fafb; + border-color: #f9fafb; + -webkit-box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5); + box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5); +} +.btn-check:active+.btn-light, .btn-check:checked+.btn-light, .btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle { + color: #000; + background-color: #f9fafb; + border-color: #f9fafb; +} +.btn-check:active+.btn-light:focus, .btn-check:checked+.btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show>.btn-light.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5); + box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5); +} +.btn-light.disabled, .btn-light:disabled { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.btn-dark { + color: #fff; + background-color: #212529; + border-color: #212529; +} +.btn-dark:hover { + color: #fff; + background-color: #1c1f23; + border-color: #1a1e21; +} +.btn-check:focus+.btn-dark, .btn-dark:focus { + color: #fff; + background-color: #1c1f23; + border-color: #1a1e21; + -webkit-box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5); + box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5); +} +.btn-check:active+.btn-dark, .btn-check:checked+.btn-dark, .btn-dark.active, .btn-dark:active, .show>.btn-dark.dropdown-toggle { + color: #fff; + background-color: #1a1e21; + border-color: #191c1f; +} +.btn-check:active+.btn-dark:focus, .btn-check:checked+.btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show>.btn-dark.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5); + box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #fff; + background-color: #212529; + border-color: #212529; +} +.btn-outline-primary { + color: #0d6efd; + border-color: #0d6efd; +} +.btn-outline-primary:hover { + color: #fff; + background-color: #0d6efd; + border-color: #0d6efd; +} +.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5); + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5); +} +.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { + color: #fff; + background-color: #0d6efd; + border-color: #0d6efd; +} +.btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5); + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #0d6efd; + background-color: transparent; +} +.btn-outline-secondary { + color: #6c757d; + border-color: #6c757d; +} +.btn-outline-secondary:hover { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} +.btn-check:focus+.btn-outline-secondary, .btn-outline-secondary:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5); + box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5); +} +.btn-check:active+.btn-outline-secondary, .btn-check:checked+.btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} +.btn-check:active+.btn-outline-secondary:focus, .btn-check:checked+.btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5); + box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #6c757d; + background-color: transparent; +} +.btn-outline-success { + color: #198754; + border-color: #198754; +} +.btn-outline-success:hover { + color: #fff; + background-color: #198754; + border-color: #198754; +} +.btn-check:focus+.btn-outline-success, .btn-outline-success:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5); + box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5); +} +.btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active { + color: #fff; + background-color: #198754; + border-color: #198754; +} +.btn-check:active+.btn-outline-success:focus, .btn-check:checked+.btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5); + box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #198754; + background-color: transparent; +} +.btn-outline-info { + color: #0dcaf0; + border-color: #0dcaf0; +} +.btn-outline-info:hover { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; +} +.btn-check:focus+.btn-outline-info, .btn-outline-info:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5); + box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5); +} +.btn-check:active+.btn-outline-info, .btn-check:checked+.btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; +} +.btn-check:active+.btn-outline-info:focus, .btn-check:checked+.btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5); + box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #0dcaf0; + background-color: transparent; +} +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-check:focus+.btn-outline-warning, .btn-outline-warning:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5); + box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5); +} +.btn-check:active+.btn-outline-warning, .btn-check:checked+.btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active { + color: #000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-check:active+.btn-outline-warning:focus, .btn-check:checked+.btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5); + box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-danger { + color: #dc3545; + border-color: #dc3545; +} +.btn-outline-danger:hover { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.btn-check:focus+.btn-outline-danger, .btn-outline-danger:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5); + box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5); +} +.btn-check:active+.btn-outline-danger, .btn-check:checked+.btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.btn-check:active+.btn-outline-danger:focus, .btn-check:checked+.btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5); + box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #dc3545; + background-color: transparent; +} +.btn-outline-light { + color: #f8f9fa; + border-color: #f8f9fa; +} +.btn-outline-light:hover { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.btn-check:focus+.btn-outline-light, .btn-outline-light:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5); + box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5); +} +.btn-check:active+.btn-outline-light, .btn-check:checked+.btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.btn-check:active+.btn-outline-light:focus, .btn-check:checked+.btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5); + box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #f8f9fa; + background-color: transparent; +} +.btn-outline-dark { + color: #212529; + border-color: #212529; +} +.btn-outline-dark:hover { + color: #fff; + background-color: #212529; + border-color: #212529; +} +.btn-check:focus+.btn-outline-dark, .btn-outline-dark:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5); + box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5); +} +.btn-check:active+.btn-outline-dark, .btn-check:checked+.btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active { + color: #fff; + background-color: #212529; + border-color: #212529; +} +.btn-check:active+.btn-outline-dark:focus, .btn-check:checked+.btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus { + -webkit-box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5); + box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #212529; + background-color: transparent; +} +.btn-link { + font-weight: 400; + color: #0d6efd; + text-decoration: underline; +} +.btn-link:hover { + color: #0a58ca; +} +.btn-link.disabled, .btn-link:disabled { + color: #6c757d; +} +.btn-group-lg>.btn, .btn-lg { + padding: .5rem 1rem; + font-size: 1.25rem; + border-radius: .3rem; +} +.btn-group-sm>.btn, .btn-sm { + padding: .25rem .5rem; + font-size: .875rem; + border-radius: .2rem; +} +.fade { + -webkit-transition: opacity .15s linear; + -o-transition: opacity .15s linear; + transition: opacity .15s linear; +} +@media(prefers-reduced-motion:reduce) { + .fade { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.fade:not(.show) { + opacity: 0; +} +.collapse:not(.show) { + display: none; +} +.collapsing { + height: 0; + overflow: hidden; + -webkit-transition: height .35s ease; + -o-transition: height .35s ease; + transition: height .35s ease; +} +@media(prefers-reduced-motion:reduce) { + .collapsing { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.dropdown, .dropend, .dropstart, .dropup { + position: relative; +} +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: .255em; + vertical-align: .255em; + content: ""; + border-top: .3em solid; + border-right: .3em solid transparent; + border-bottom: 0; + border-left: .3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} +.dropdown-menu { + position: absolute; + z-index: 1000; + display: none; + min-width: 10rem; + padding: .5rem 0; + margin: 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, .15); + border-radius: .25rem; +} +.dropdown-menu[data-bs-popper] { + top: 100%; + left: 0; + margin-top: .125rem; +} +.dropdown-menu-start { + --bs-position: start; +} +.dropdown-menu-start[data-bs-popper] { + right: auto; + left: 0; +} +.dropdown-menu-end { + --bs-position: end; +} +.dropdown-menu-end[data-bs-popper] { + right: 0; + left: auto; +} +@media(min-width:576px) { + .dropdown-menu-sm-start { + --bs-position: start; +} +.dropdown-menu-sm-start[data-bs-popper] { + right: auto; + left: 0; +} +.dropdown-menu-sm-end { + --bs-position: end; +} +.dropdown-menu-sm-end[data-bs-popper] { + right: 0; + left: auto; +} +}@media(min-width:768px) { + .dropdown-menu-md-start { + --bs-position: start; +} +.dropdown-menu-md-start[data-bs-popper] { + right: auto; + left: 0; +} +.dropdown-menu-md-end { + --bs-position: end; +} +.dropdown-menu-md-end[data-bs-popper] { + right: 0; + left: auto; +} +}@media(min-width:992px) { + .dropdown-menu-lg-start { + --bs-position: start; +} +.dropdown-menu-lg-start[data-bs-popper] { + right: auto; + left: 0; +} +.dropdown-menu-lg-end { + --bs-position: end; +} +.dropdown-menu-lg-end[data-bs-popper] { + right: 0; + left: auto; +} +}@media(min-width:1200px) { + .dropdown-menu-xl-start { + --bs-position: start; +} +.dropdown-menu-xl-start[data-bs-popper] { + right: auto; + left: 0; +} +.dropdown-menu-xl-end { + --bs-position: end; +} +.dropdown-menu-xl-end[data-bs-popper] { + right: 0; + left: auto; +} +}@media(min-width:1400px) { + .dropdown-menu-xxl-start { + --bs-position: start; +} +.dropdown-menu-xxl-start[data-bs-popper] { + right: auto; + left: 0; +} +.dropdown-menu-xxl-end { + --bs-position: end; +} +.dropdown-menu-xxl-end[data-bs-popper] { + right: 0; + left: auto; +} +}.dropup .dropdown-menu[data-bs-popper] { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: .125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: .255em; + vertical-align: .255em; + content: ""; + border-top: 0; + border-right: .3em solid transparent; + border-bottom: .3em solid; + border-left: .3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropend .dropdown-menu[data-bs-popper] { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: .125rem; +} +.dropend .dropdown-toggle::after { + display: inline-block; + margin-left: .255em; + vertical-align: .255em; + content: ""; + border-top: .3em solid transparent; + border-right: 0; + border-bottom: .3em solid transparent; + border-left: .3em solid; +} +.dropend .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropend .dropdown-toggle::after { + vertical-align: 0; +} +.dropstart .dropdown-menu[data-bs-popper] { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: .125rem; +} +.dropstart .dropdown-toggle::after { + display: inline-block; + margin-left: .255em; + vertical-align: .255em; + content: ""} +.dropstart .dropdown-toggle::after { + display: none; +} +.dropstart .dropdown-toggle::before { + display: inline-block; + margin-right: .255em; + vertical-align: .255em; + content: ""; + border-top: .3em solid transparent; + border-right: .3em solid; + border-bottom: .3em solid transparent; +} +.dropstart .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropstart .dropdown-toggle::before { + vertical-align: 0; +} +.dropdown-divider { + height: 0; + margin: .5rem 0; + overflow: hidden; + border-top: 1px solid rgba(0, 0, 0, .15); +} +.dropdown-item { + display: block; + width: 100%; + padding: .25rem 1rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + text-decoration: none; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:focus, .dropdown-item:hover { + color: #1e2125; + background-color: #e9ecef; +} +.dropdown-item.active, .dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #0d6efd; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #adb5bd; + pointer-events: none; + background-color: transparent; +} +.dropdown-menu.show { + display: block; +} +.dropdown-header { + display: block; + padding: .5rem 1rem; + margin-bottom: 0; + font-size: .875rem; + color: #6c757d; + white-space: nowrap; +} +.dropdown-item-text { + display: block; + padding: .25rem 1rem; + color: #212529; +} +.dropdown-menu-dark { + color: #dee2e6; + background-color: #343a40; + border-color: rgba(0, 0, 0, .15); +} +.dropdown-menu-dark .dropdown-item { + color: #dee2e6; +} +.dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover { + color: #fff; + background-color: rgba(255, 255, 255, .15); +} +.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { + color: #fff; + background-color: #0d6efd; +} +.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { + color: #adb5bd; +} +.dropdown-menu-dark .dropdown-divider { + border-color: rgba(0, 0, 0, .15); +} +.dropdown-menu-dark .dropdown-item-text { + color: #dee2e6; +} +.dropdown-menu-dark .dropdown-header { + color: #adb5bd; +} +.btn-group, .btn-group-vertical { + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: middle; +} +.btn-group-vertical>.btn, .btn-group>.btn { + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} +.btn-group-vertical>.btn-check:checked+.btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { + z-index: 1; +} +.btn-toolbar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} +.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) { + margin-left: -1px; +} +.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.dropdown-toggle-split { + padding-right: .5625rem; + padding-left: .5625rem; +} +.dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { + margin-left: 0; +} +.dropstart .dropdown-toggle-split::before { + margin-right: 0; +} +.btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split { + padding-right: .375rem; + padding-left: .375rem; +} +.btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split { + padding-right: .75rem; + padding-left: .75rem; +} +.btn-group-vertical { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.btn-group-vertical>.btn, .btn-group-vertical>.btn-group { + width: 100%} +.btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn~.btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.nav-link { + display: block; + padding: .5rem 1rem; + color: #0d6efd; + text-decoration: none; + -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; + -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; +} +@media(prefers-reduced-motion:reduce) { + .nav-link { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.nav-link:focus, .nav-link:hover { + color: #0a58ca; +} +.nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default; +} +.nav-tabs { + border-bottom: 1px solid #dee2e6; +} +.nav-tabs .nav-link { + margin-bottom: -1px; + background: 0; + border: 1px solid transparent; + border-top-left-radius: .25rem; + border-top-right-radius: .25rem; +} +.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { + border-color: #e9ecef #e9ecef #dee2e6; + isolation: isolate; +} +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { + color: #495057; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.nav-pills .nav-link { + background: 0; + border: 0; + border-radius: .25rem; +} +.nav-pills .nav-link.active, .nav-pills .show>.nav-link { + color: #fff; + background-color: #0d6efd; +} +.nav-fill .nav-item, .nav-fill>.nav-link { + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + text-align: center; +} +.nav-justified .nav-item, .nav-justified>.nav-link { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; +} +.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { + width: 100%} +.tab-content>.tab-pane { + display: none; +} +.tab-content>.active { + display: block; +} +.navbar { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding-top: .5rem; + padding-bottom: .5rem; +} +.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: inherit; + -ms-flex-wrap: inherit; + flex-wrap: inherit; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.navbar-brand { + padding-top: .3125rem; + padding-bottom: .3125rem; + margin-right: 1rem; + font-size: 1.25rem; + text-decoration: none; + white-space: nowrap; +} +.navbar-nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.navbar-nav .dropdown-menu { + position: static; +} +.navbar-text { + padding-top: .5rem; + padding-bottom: .5rem; +} +.navbar-collapse { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.navbar-toggler { + padding: .25rem .75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: .25rem; + -webkit-transition: -webkit-box-shadow .15s ease-in-out; + transition: -webkit-box-shadow .15s ease-in-out; + -o-transition: box-shadow .15s ease-in-out; + transition: box-shadow .15s ease-in-out; + transition: box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + transition: box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; +} +@media(prefers-reduced-motion:reduce) { + .navbar-toggler { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.navbar-toggler:hover { + text-decoration: none; +} +.navbar-toggler:focus { + text-decoration: none; + outline: 0; + -webkit-box-shadow: 0 0 0 .25rem; + box-shadow: 0 0 0 .25rem; +} +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-repeat: no-repeat; + background-position: center; + background-size: 100%} +.navbar-nav-scroll { + max-height: var(--bs-scroll-height, 75vh); + overflow-y: auto; +} +@media(min-width:576px) { + .navbar-expand-sm { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.navbar-expand-sm .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand-sm .navbar-nav .nav-link { + padding-right: .5rem; + padding-left: .5rem; +} +.navbar-expand-sm .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand-sm .navbar-collapse { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; +} +.navbar-expand-sm .navbar-toggler { + display: none; +} +}@media(min-width:768px) { + .navbar-expand-md { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.navbar-expand-md .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand-md .navbar-nav .nav-link { + padding-right: .5rem; + padding-left: .5rem; +} +.navbar-expand-md .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand-md .navbar-collapse { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; +} +.navbar-expand-md .navbar-toggler { + display: none; +} +}@media(min-width:992px) { + .navbar-expand-lg { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.navbar-expand-lg .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand-lg .navbar-nav .nav-link { + padding-right: .5rem; + padding-left: .5rem; +} +.navbar-expand-lg .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand-lg .navbar-collapse { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; +} +.navbar-expand-lg .navbar-toggler { + display: none; +} +}@media(min-width:1200px) { + .navbar-expand-xl { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.navbar-expand-xl .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand-xl .navbar-nav .nav-link { + padding-right: .5rem; + padding-left: .5rem; +} +.navbar-expand-xl .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand-xl .navbar-collapse { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; +} +.navbar-expand-xl .navbar-toggler { + display: none; +} +}@media(min-width:1400px) { + .navbar-expand-xxl { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.navbar-expand-xxl .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand-xxl .navbar-nav .nav-link { + padding-right: .5rem; + padding-left: .5rem; +} +.navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand-xxl .navbar-collapse { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; +} +.navbar-expand-xxl .navbar-toggler { + display: none; +} +}.navbar-expand { + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.navbar-expand .navbar-nav { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: .5rem; + padding-left: .5rem; +} +.navbar-expand .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand .navbar-collapse { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, .9); +} +.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { + color: rgba(0, 0, 0, .9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, .55); +} +.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { + color: rgba(0, 0, 0, .7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, .3); +} +.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link { + color: rgba(0, 0, 0, .9); +} +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, .55); + border-color: rgba(0, 0, 0, .1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(0, 0, 0, .55); +} +.navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { + color: rgba(0, 0, 0, .9); +} +.navbar-dark .navbar-brand { + color: #fff; +} +.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { + color: #fff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, .55); +} +.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { + color: rgba(255, 255, 255, .75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, .25); +} +.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link { + color: #fff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, .55); + border-color: rgba(255, 255, 255, .1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, .55); +} +.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { + color: #fff; +} +.card { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid rgba(0, 0, 0, .125); + border-radius: .25rem; +} +.card>hr { + margin-right: 0; + margin-left: 0; +} +.card>.list-group { + border-top: inherit; + border-bottom: inherit; +} +.card>.list-group:first-child { + border-top-width: 0; + border-top-left-radius: calc(.25rem - 1px); + border-top-right-radius: calc(.25rem - 1px); +} +.card>.list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: calc(.25rem - 1px); + border-bottom-left-radius: calc(.25rem - 1px); +} +.card>.card-header+.list-group, .card>.list-group+.card-footer { + border-top: 0; +} +.card-body { + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: 1rem 1rem; +} +.card-title { + margin-bottom: .5rem; +} +.card-subtitle { + margin-top: -.25rem; + margin-bottom: 0; +} +.card-text:last-child { + margin-bottom: 0; +} +.card-link:hover { + text-decoration: none; +} +.card-link+.card-link { + margin-left: 1rem; +} +.card-header { + padding: .5rem 1rem; + margin-bottom: 0; + background-color: rgba(0, 0, 0, .03); + border-bottom: 1px solid rgba(0, 0, 0, .125); +} +.card-header:first-child { + border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; +} +.card-footer { + padding: .5rem 1rem; + background-color: rgba(0, 0, 0, .03); + border-top: 1px solid rgba(0, 0, 0, .125); +} +.card-footer:last-child { + border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px); +} +.card-header-tabs { + margin-right: -.5rem; + margin-bottom: -.5rem; + margin-left: -.5rem; + border-bottom: 0; +} +.card-header-pills { + margin-right: -.5rem; + margin-left: -.5rem; +} +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1rem; + border-radius: calc(.25rem - 1px); +} +.card-img, .card-img-bottom, .card-img-top { + width: 100%} +.card-img, .card-img-top { + border-top-left-radius: calc(.25rem - 1px); + border-top-right-radius: calc(.25rem - 1px); +} +.card-img, .card-img-bottom { + border-bottom-right-radius: calc(.25rem - 1px); + border-bottom-left-radius: calc(.25rem - 1px); +} +.card-group>.card { + margin-bottom: .75rem; +} +@media(min-width:576px) { + .card-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; +} +.card-group>.card { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0; + -ms-flex: 1 0 0; + flex: 1 0 0; + margin-bottom: 0; +} +.card-group>.card+.card { + margin-left: 0; + border-left: 0; +} +.card-group>.card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top { + border-top-right-radius: 0; +} +.card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom { + border-bottom-right-radius: 0; +} +.card-group>.card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top { + border-top-left-radius: 0; +} +.card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom { + border-bottom-left-radius: 0; +} +}.accordion-button { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + padding: 1rem 1.25rem; + font-size: 1rem; + color: #212529; + text-align: left; + background-color: #fff; + border: 0; + border-radius: 0; + overflow-anchor: none; + -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out; + -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out; +} +@media(prefers-reduced-motion:reduce) { + .accordion-button { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.accordion-button:not(.collapsed) { + color: #0c63e4; + background-color: #e7f1ff; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125); +} +.accordion-button:not(.collapsed)::after { + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + -webkit-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.accordion-button::after { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 1.25rem; + height: 1.25rem; + margin-left: auto; + content: ""; + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-size: 1.25rem; + -webkit-transition: -webkit-transform .2s ease-in-out; + transition: -webkit-transform .2s ease-in-out; + -o-transition: transform .2s ease-in-out; + transition: transform .2s ease-in-out; + transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; + transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; +} +@media(prefers-reduced-motion:reduce) { + .accordion-button: :after { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.accordion-button:hover { + z-index: 2; +} +.accordion-button:focus { + z-index: 3; + border-color: #86b7fe; + outline: 0; + -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); +} +.accordion-header { + margin-bottom: 0; +} +.accordion-item { + background-color: #fff; + border: 1px solid rgba(0, 0, 0, .125); +} +.accordion-item:first-of-type { + border-top-left-radius: .25rem; + border-top-right-radius: .25rem; +} +.accordion-item:first-of-type .accordion-button { + border-top-left-radius: calc(.25rem - 1px); + border-top-right-radius: calc(.25rem - 1px); +} +.accordion-item:not(:first-of-type) { + border-top: 0; +} +.accordion-item:last-of-type { + border-bottom-right-radius: .25rem; + border-bottom-left-radius: .25rem; +} +.accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-right-radius: calc(.25rem - 1px); + border-bottom-left-radius: calc(.25rem - 1px); +} +.accordion-item:last-of-type .accordion-collapse { + border-bottom-right-radius: .25rem; + border-bottom-left-radius: .25rem; +} +.accordion-body { + padding: 1rem 1.25rem; +} +.accordion-flush .accordion-collapse { + border-width: 0; +} +.accordion-flush .accordion-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} +.accordion-flush .accordion-item:first-child { + border-top: 0; +} +.accordion-flush .accordion-item:last-child { + border-bottom: 0; +} +.accordion-flush .accordion-item .accordion-button { + border-radius: 0; +} +.breadcrumb { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0; + margin-bottom: 1rem; + list-style: none; +} +.breadcrumb-item+.breadcrumb-item { + padding-left: .5rem; +} +.breadcrumb-item+.breadcrumb-item::before { + float: left; + padding-right: .5rem; + color: #6c757d; + content: var(--bs-breadcrumb-divider, "/"); +} +.breadcrumb-item.active { + color: #6c757d; +} +.pagination { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-left: 0; + list-style: none; +} +.page-link { + position: relative; + display: block; + color: #0d6efd; + text-decoration: none; + background-color: #fff; + border: 1px solid #dee2e6; + -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; + -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; +} +@media(prefers-reduced-motion:reduce) { + .page-link { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.page-link:hover { + z-index: 2; + color: #0a58ca; + background-color: #e9ecef; + border-color: #dee2e6; +} +.page-link:focus { + z-index: 3; + color: #0a58ca; + background-color: #e9ecef; + outline: 0; + -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); +} +.page-item:not(:first-child) .page-link { + margin-left: -1px; +} +.page-item.active .page-link { + z-index: 3; + color: #fff; + background-color: #0d6efd; + border-color: #0d6efd; +} +.page-item.disabled .page-link { + color: #6c757d; + pointer-events: none; + background-color: #fff; + border-color: #dee2e6; +} +.page-link { + padding: .375rem .75rem; +} +.page-item:first-child .page-link { + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; +} +.page-item:last-child .page-link { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; +} +.pagination-lg .page-link { + padding: .75rem 1.5rem; + font-size: 1.25rem; +} +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: .3rem; + border-bottom-left-radius: .3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: .3rem; + border-bottom-right-radius: .3rem; +} +.pagination-sm .page-link { + padding: .25rem .5rem; + font-size: .875rem; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: .2rem; + border-bottom-left-radius: .2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: .2rem; + border-bottom-right-radius: .2rem; +} +.badge { + display: inline-block; + padding: .35em .65em; + font-size: .75em; + font-weight: 700; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25rem; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.alert { + position: relative; + padding: 1rem 1rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: .25rem; +} +.alert-heading { + color: inherit; +} +.alert-link { + font-weight: 700; +} +.alert-dismissible { + padding-right: 3rem; +} +.alert-dismissible .btn-close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 1.25rem 1rem; +} +.alert-primary { + color: #084298; + background-color: #cfe2ff; + border-color: #b6d4fe; +} +.alert-primary .alert-link { + color: #06357a; +} +.alert-secondary { + color: #41464b; + background-color: #e2e3e5; + border-color: #d3d6d8; +} +.alert-secondary .alert-link { + color: #34383c; +} +.alert-success { + color: #0f5132; + background-color: #d1e7dd; + border-color: #badbcc; +} +.alert-success .alert-link { + color: #0c4128; +} +.alert-info { + color: #055160; + background-color: #cff4fc; + border-color: #b6effb; +} +.alert-info .alert-link { + color: #04414d; +} +.alert-warning { + color: #664d03; + background-color: #fff3cd; + border-color: #ffecb5; +} +.alert-warning .alert-link { + color: #523e02; +} +.alert-danger { + color: #842029; + background-color: #f8d7da; + border-color: #f5c2c7; +} +.alert-danger .alert-link { + color: #6a1a21; +} +.alert-light { + color: #636464; + background-color: #fefefe; + border-color: #fdfdfe; +} +.alert-light .alert-link { + color: #4f5050; +} +.alert-dark { + color: #141619; + background-color: #d3d3d4; + border-color: #bcbebf; +} +.alert-dark .alert-link { + color: #101214; +} +@-webkit-keyframes progress-bar-stripes { + 0% { + background-position-x: 1rem; +} +}@keyframes progress-bar-stripes { + 0% { + background-position-x: 1rem; +} +}.progress { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 1rem; + overflow: hidden; + font-size: .75rem; + background-color: #e9ecef; + border-radius: .25rem; +} +.progress-bar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + overflow: hidden; + color: #fff; + text-align: center; + white-space: nowrap; + background-color: #0d6efd; + -webkit-transition: width .6s ease; + -o-transition: width .6s ease; + transition: width .6s ease; +} +@media(prefers-reduced-motion:reduce) { + .progress-bar { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.progress-bar-striped { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} +.progress-bar-animated { + -webkit-animation: 1s linear infinite progress-bar-stripes; + animation: 1s linear infinite progress-bar-stripes; +} +@media(prefers-reduced-motion:reduce) { + .progress-bar-animated { + -webkit-animation: none; + animation: none; +} +}.list-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: .25rem; +} +.list-group-numbered { + list-style-type: none; + counter-reset: section; +} +.list-group-numbered>li::before { + content: counters(section, ".") ". "; + counter-increment: section; +} +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:focus, .list-group-item-action:hover { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #f8f9fa; +} +.list-group-item-action:active { + color: #212529; + background-color: #e9ecef; +} +.list-group-item { + position: relative; + display: block; + padding: .5rem 1rem; + color: #212529; + text-decoration: none; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, .125); +} +.list-group-item:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} +.list-group-item:last-child { + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: #fff; +} +.list-group-item.active { + z-index: 2; + color: #fff; + background-color: #0d6efd; + border-color: #0d6efd; +} +.list-group-item+.list-group-item { + border-top-width: 0; +} +.list-group-item+.list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} +.list-group-horizontal { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.list-group-horizontal>.list-group-item:first-child { + border-bottom-left-radius: .25rem; + border-top-right-radius: 0; +} +.list-group-horizontal>.list-group-item:last-child { + border-top-right-radius: .25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal>.list-group-item.active { + margin-top: 0; +} +.list-group-horizontal>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} +@media(min-width:576px) { + .list-group-horizontal-sm { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.list-group-horizontal-sm>.list-group-item:first-child { + border-bottom-left-radius: .25rem; + border-top-right-radius: 0; +} +.list-group-horizontal-sm>.list-group-item:last-child { + border-top-right-radius: .25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal-sm>.list-group-item.active { + margin-top: 0; +} +.list-group-horizontal-sm>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal-sm>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} +}@media(min-width:768px) { + .list-group-horizontal-md { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.list-group-horizontal-md>.list-group-item:first-child { + border-bottom-left-radius: .25rem; + border-top-right-radius: 0; +} +.list-group-horizontal-md>.list-group-item:last-child { + border-top-right-radius: .25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal-md>.list-group-item.active { + margin-top: 0; +} +.list-group-horizontal-md>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal-md>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} +}@media(min-width:992px) { + .list-group-horizontal-lg { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.list-group-horizontal-lg>.list-group-item:first-child { + border-bottom-left-radius: .25rem; + border-top-right-radius: 0; +} +.list-group-horizontal-lg>.list-group-item:last-child { + border-top-right-radius: .25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal-lg>.list-group-item.active { + margin-top: 0; +} +.list-group-horizontal-lg>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal-lg>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} +}@media(min-width:1200px) { + .list-group-horizontal-xl { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.list-group-horizontal-xl>.list-group-item:first-child { + border-bottom-left-radius: .25rem; + border-top-right-radius: 0; +} +.list-group-horizontal-xl>.list-group-item:last-child { + border-top-right-radius: .25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal-xl>.list-group-item.active { + margin-top: 0; +} +.list-group-horizontal-xl>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal-xl>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} +}@media(min-width:1400px) { + .list-group-horizontal-xxl { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.list-group-horizontal-xxl>.list-group-item:first-child { + border-bottom-left-radius: .25rem; + border-top-right-radius: 0; +} +.list-group-horizontal-xxl>.list-group-item:last-child { + border-top-right-radius: .25rem; + border-bottom-left-radius: 0; +} +.list-group-horizontal-xxl>.list-group-item.active { + margin-top: 0; +} +.list-group-horizontal-xxl>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; +} +.list-group-horizontal-xxl>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} +}.list-group-flush { + border-radius: 0; +} +.list-group-flush>.list-group-item { + border-width: 0 0 1px; +} +.list-group-flush>.list-group-item:last-child { + border-bottom-width: 0; +} +.list-group-item-primary { + color: #084298; + background-color: #cfe2ff; +} +.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { + color: #084298; + background-color: #bacbe6; +} +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #084298; + border-color: #084298; +} +.list-group-item-secondary { + color: #41464b; + background-color: #e2e3e5; +} +.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { + color: #41464b; + background-color: #cbccce; +} +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #41464b; + border-color: #41464b; +} +.list-group-item-success { + color: #0f5132; + background-color: #d1e7dd; +} +.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { + color: #0f5132; + background-color: #bcd0c7; +} +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #0f5132; + border-color: #0f5132; +} +.list-group-item-info { + color: #055160; + background-color: #cff4fc; +} +.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { + color: #055160; + background-color: #badce3; +} +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #055160; + border-color: #055160; +} +.list-group-item-warning { + color: #664d03; + background-color: #fff3cd; +} +.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { + color: #664d03; + background-color: #e6dbb9; +} +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #664d03; + border-color: #664d03; +} +.list-group-item-danger { + color: #842029; + background-color: #f8d7da; +} +.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { + color: #842029; + background-color: #dfc2c4; +} +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #842029; + border-color: #842029; +} +.list-group-item-light { + color: #636464; + background-color: #fefefe; +} +.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { + color: #636464; + background-color: #e5e5e5; +} +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #636464; + border-color: #636464; +} +.list-group-item-dark { + color: #141619; + background-color: #d3d3d4; +} +.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { + color: #141619; + background-color: #bebebf; +} +.list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #141619; + border-color: #141619; +} +.btn-close { + -webkit-box-sizing: content-box; + box-sizing: content-box; + width: 1em; + height: 1em; + padding: .25em .25em; + color: #000; + background: transparent url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; + border: 0; + border-radius: .25rem; + opacity: .5; +} +.btn-close:hover { + color: #000; + text-decoration: none; + opacity: .75; +} +.btn-close:focus { + outline: 0; + -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); + opacity: 1; +} +.btn-close.disabled, .btn-close:disabled { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + opacity: .25; +} +.btn-close-white { + -webkit-filter: invert(1) grayscale(100%) brightness(200%); + filter: invert(1) grayscale(100%) brightness(200%); +} +.toast { + width: 350px; + max-width: 100%; + font-size: .875rem; + pointer-events: auto; + background-color: rgba(255, 255, 255, .85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, .1); + -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); + box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); + border-radius: .25rem; +} +.toast:not(.showing):not(.show) { + opacity: 0; +} +.toast.hide { + display: none; +} +.toast-container { + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + max-width: 100%; + pointer-events: none; +} +.toast-container>:not(:last-child) { + margin-bottom: .75rem; +} +.toast-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: .5rem .75rem; + color: #6c757d; + background-color: rgba(255, 255, 255, .85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, .05); + border-top-left-radius: calc(.25rem - 1px); + border-top-right-radius: calc(.25rem - 1px); +} +.toast-header .btn-close { + margin-right: -.375rem; + margin-left: .75rem; +} +.toast-body { + padding: .75rem; + word-wrap: break-word; +} +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1060; + display: none; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + outline: 0; +} +.modal-dialog { + position: relative; + width: auto; + margin: .5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + -webkit-transition: -webkit-transform .3s ease-out; + transition: -webkit-transform .3s ease-out; + -o-transition: transform .3s ease-out; + transition: transform .3s ease-out; + transition: transform .3s ease-out, -webkit-transform .3s ease-out; + transition: transform .3s ease-out, -webkit-transform .3s ease-out; + -webkit-transform: translate(0, -50px); + -ms-transform: translate(0, -50px); + transform: translate(0, -50px); +} +@media(prefers-reduced-motion:reduce) { + .modal.fade .modal-dialog { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.modal.show .modal-dialog { + -webkit-transform: none; + -ms-transform: none; + transform: none; +} +.modal.modal-static .modal-dialog { + -webkit-transform: scale(1.02); + -ms-transform: scale(1.02); + transform: scale(1.02); +} +.modal-dialog-scrollable { + height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: 100%; + overflow: hidden; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} +.modal-dialog-centered { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-content { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: .3rem; + outline: 0; +} +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: .5; +} +.modal-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #dee2e6; + border-top-left-radius: calc(.3rem - 1px); + border-top-right-radius: calc(.3rem - 1px); +} +.modal-header .btn-close { + padding: .5rem .5rem; + margin: -.5rem -.5rem -.5rem auto; +} +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} +.modal-body { + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: 1rem; +} +.modal-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + padding: .75rem; + border-top: 1px solid #dee2e6; + border-bottom-right-radius: calc(.3rem - 1px); + border-bottom-left-radius: calc(.3rem - 1px); +} +.modal-footer>* { + margin: .25rem; +} +@media(min-width:576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; +} +.modal-dialog-scrollable { + height: calc(100% - 3.5rem); +} +.modal-dialog-centered { + min-height: calc(100% - 3.5rem); +} +.modal-sm { + max-width: 300px; +} +}@media(min-width:992px) { + .modal-lg, .modal-xl { + max-width: 800px; +} +}@media(min-width:1200px) { + .modal-xl { + max-width: 1140px; +} +}.modal-fullscreen { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} +.modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} +.modal-fullscreen .modal-header { + border-radius: 0; +} +.modal-fullscreen .modal-body { + overflow-y: auto; +} +.modal-fullscreen .modal-footer { + border-radius: 0; +} +@media(max-width:575.98px) { + .modal-fullscreen-sm-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} +.modal-fullscreen-sm-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} +.modal-fullscreen-sm-down .modal-header { + border-radius: 0; +} +.modal-fullscreen-sm-down .modal-body { + overflow-y: auto; +} +.modal-fullscreen-sm-down .modal-footer { + border-radius: 0; +} +}@media(max-width:767.98px) { + .modal-fullscreen-md-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} +.modal-fullscreen-md-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} +.modal-fullscreen-md-down .modal-header { + border-radius: 0; +} +.modal-fullscreen-md-down .modal-body { + overflow-y: auto; +} +.modal-fullscreen-md-down .modal-footer { + border-radius: 0; +} +}@media(max-width:991.98px) { + .modal-fullscreen-lg-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} +.modal-fullscreen-lg-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} +.modal-fullscreen-lg-down .modal-header { + border-radius: 0; +} +.modal-fullscreen-lg-down .modal-body { + overflow-y: auto; +} +.modal-fullscreen-lg-down .modal-footer { + border-radius: 0; +} +}@media(max-width:1199.98px) { + .modal-fullscreen-xl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} +.modal-fullscreen-xl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} +.modal-fullscreen-xl-down .modal-header { + border-radius: 0; +} +.modal-fullscreen-xl-down .modal-body { + overflow-y: auto; +} +.modal-fullscreen-xl-down .modal-footer { + border-radius: 0; +} +}@media(max-width:1399.98px) { + .modal-fullscreen-xxl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} +.modal-fullscreen-xxl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} +.modal-fullscreen-xxl-down .modal-header { + border-radius: 0; +} +.modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; +} +.modal-fullscreen-xxl-down .modal-footer { + border-radius: 0; +} +}.tooltip { + position: absolute; + z-index: 1080; + display: block; + margin: 0; + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: .875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: .9; +} +.tooltip .tooltip-arrow { + position: absolute; + display: block; + width: .8rem; + height: .4rem; +} +.tooltip .tooltip-arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} +.bs-tooltip-auto[data-popper-placement^=top], .bs-tooltip-top { + padding: .4rem 0; +} +.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { + bottom: 0; +} +.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before { + top: -1px; + border-width: .4rem .4rem 0; + border-top-color: #000; +} +.bs-tooltip-auto[data-popper-placement^=right], .bs-tooltip-end { + padding: 0 .4rem; +} +.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { + left: 0; + width: .4rem; + height: .8rem; +} +.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before { + right: -1px; + border-width: .4rem .4rem .4rem 0; + border-right-color: #000; +} +.bs-tooltip-auto[data-popper-placement^=bottom], .bs-tooltip-bottom { + padding: .4rem 0; +} +.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { + top: 0; +} +.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before { + bottom: -1px; + border-width: 0 .4rem .4rem; + border-bottom-color: #000; +} +.bs-tooltip-auto[data-popper-placement^=left], .bs-tooltip-start { + padding: 0 .4rem; +} +.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { + right: 0; + width: .4rem; + height: .8rem; +} +.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { + left: -1px; + border-width: .4rem 0 .4rem .4rem; + border-left-color: #000; +} +.tooltip-inner { + max-width: 200px; + padding: .25rem .5rem; + color: #fff; + text-align: center; + background-color: #000; + border-radius: .25rem; +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1070; + display: block; + max-width: 276px; + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: .875rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: .3rem; +} +.popover .popover-arrow { + position: absolute; + display: block; + width: 1rem; + height: .5rem; +} +.popover .popover-arrow::after, .popover .popover-arrow::before { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow, .bs-popover-top>.popover-arrow { + bottom: calc(-.5rem - 1px); +} +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .bs-popover-top>.popover-arrow::before { + bottom: 0; + border-width: .5rem .5rem 0; + border-top-color: rgba(0, 0, 0, .25); +} +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after, .bs-popover-top>.popover-arrow::after { + bottom: 1px; + border-width: .5rem .5rem 0; + border-top-color: #fff; +} +.bs-popover-auto[data-popper-placement^=right]>.popover-arrow, .bs-popover-end>.popover-arrow { + left: calc(-.5rem - 1px); + width: .5rem; + height: 1rem; +} +.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .bs-popover-end>.popover-arrow::before { + left: 0; + border-width: .5rem .5rem .5rem 0; + border-right-color: rgba(0, 0, 0, .25); +} +.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after, .bs-popover-end>.popover-arrow::after { + left: 1px; + border-width: .5rem .5rem .5rem 0; + border-right-color: #fff; +} +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow, .bs-popover-bottom>.popover-arrow { + top: calc(-.5rem - 1px); +} +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, .bs-popover-bottom>.popover-arrow::before { + top: 0; + border-width: 0 .5rem .5rem .5rem; + border-bottom-color: rgba(0, 0, 0, .25); +} +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after, .bs-popover-bottom>.popover-arrow::after { + top: 1px; + border-width: 0 .5rem .5rem .5rem; + border-bottom-color: #fff; +} +.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -.5rem; + content: ""; + border-bottom: 1px solid #f0f0f0; +} +.bs-popover-auto[data-popper-placement^=left]>.popover-arrow, .bs-popover-start>.popover-arrow { + right: calc(-.5rem - 1px); + width: .5rem; + height: 1rem; +} +.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .bs-popover-start>.popover-arrow::before { + right: 0; + border-width: .5rem 0 .5rem .5rem; + border-left-color: rgba(0, 0, 0, .25); +} +.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after, .bs-popover-start>.popover-arrow::after { + right: 1px; + border-width: .5rem 0 .5rem .5rem; + border-left-color: #fff; +} +.popover-header { + padding: .5rem 1rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f0f0f0; + border-bottom: 1px solid rgba(0, 0, 0, .2); + border-top-left-radius: calc(.3rem - 1px); + border-top-right-radius: calc(.3rem - 1px); +} +.popover-header:empty { + display: none; +} +.popover-body { + padding: 1rem 1rem; + color: #212529; +} +.carousel { + position: relative; +} +.carousel.pointer-event { + -ms-touch-action: pan-y; + touch-action: pan-y; +} +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""} +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition: -webkit-transform .6s ease-in-out; + transition: -webkit-transform .6s ease-in-out; + -o-transition: transform .6s ease-in-out; + transition: transform .6s ease-in-out; + transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out; + transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out; +} +@media(prefers-reduced-motion:reduce) { + .carousel-item { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.carousel-item-next, .carousel-item-prev, .carousel-item.active { + display: block; +} +.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); +} +.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { + -webkit-transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); +} +.carousel-fade .carousel-item { + opacity: 0; + -webkit-transition-property: opacity; + -o-transition-property: opacity; + transition-property: opacity; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} +.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { + z-index: 0; + opacity: 0; + -webkit-transition: opacity 0s .6s; + -o-transition: opacity 0s .6s; + transition: opacity 0s .6s; +} +@media(prefers-reduced-motion:reduce) { + .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.carousel-control-next, .carousel-control-prev { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 15%; + padding: 0; + color: #fff; + text-align: center; + background: 0; + border: 0; + opacity: .5; + -webkit-transition: opacity .15s ease; + -o-transition: opacity .15s ease; + transition: opacity .15s ease; +} +@media(prefers-reduced-motion:reduce) { + .carousel-control-next, .carousel-control-prev { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { + color: #fff; + text-decoration: none; + outline: 0; + opacity: .9; +} +.carousel-control-prev { + left: 0; +} +.carousel-control-next { + right: 0; +} +.carousel-control-next-icon, .carousel-control-prev-icon { + display: inline-block; + width: 2rem; + height: 2rem; + background-repeat: no-repeat; + background-position: 50%; + background-size: 100% 100%} +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); +} +.carousel-control-next-icon { + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + margin-right: 15%; + margin-bottom: 1rem; + margin-left: 15%; + list-style: none; +} +.carousel-indicators [data-bs-target] { + -webkit-box-sizing: content-box; + box-sizing: content-box; + -webkit-box-flex: 0; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + width: 30px; + height: 3px; + padding: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: .5; + -webkit-transition: opacity .6s ease; + -o-transition: opacity .6s ease; + transition: opacity .6s ease; +} +@media(prefers-reduced-motion:reduce) { + .carousel-indicators [data-bs-target] { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.carousel-indicators .active { + opacity: 1; +} +.carousel-caption { + position: absolute; + right: 15%; + bottom: 1.25rem; + left: 15%; + padding-top: 1.25rem; + padding-bottom: 1.25rem; + color: #fff; + text-align: center; +} +.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { + -webkit-filter: invert(1) grayscale(100); + filter: invert(1) grayscale(100); +} +.carousel-dark .carousel-indicators [data-bs-target] { + background-color: #000; +} +.carousel-dark .carousel-caption { + color: #000; +} +@-webkit-keyframes spinner-border { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); +} +}@keyframes spinner-border { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); +} +}.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: -.125em; + border: .25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + -webkit-animation: .75s linear infinite spinner-border; + animation: .75s linear infinite spinner-border; +} +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: .2em; +} +@-webkit-keyframes spinner-grow { + 0% { + -webkit-transform: scale(0); + transform: scale(0); +} +50% { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}@keyframes spinner-grow { + 0% { + -webkit-transform: scale(0); + transform: scale(0); +} +50% { + opacity: 1; + -webkit-transform: none; + transform: none; +} +}.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: -.125em; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + -webkit-animation: .75s linear infinite spinner-grow; + animation: .75s linear infinite spinner-grow; +} +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} +@media(prefers-reduced-motion:reduce) { + .spinner-border, .spinner-grow { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; +} +}.offcanvas { + position: fixed; + bottom: 0; + z-index: 1050; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + max-width: 100%; + visibility: hidden; + background-color: #fff; + background-clip: padding-box; + outline: 0; + -webkit-transition: -webkit-transform .3s ease-in-out; + transition: -webkit-transform .3s ease-in-out; + -o-transition: transform .3s ease-in-out; + transition: transform .3s ease-in-out; + transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; + transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; +} +@media(prefers-reduced-motion:reduce) { + .offcanvas { + -webkit-transition: none; + -o-transition: none; + transition: none; +} +}.offcanvas-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 1rem 1rem; +} +.offcanvas-header .btn-close { + padding: .5rem .5rem; + margin-top: -.5rem; + margin-right: -.5rem; + margin-bottom: -.5rem; +} +.offcanvas-title { + margin-bottom: 0; + line-height: 1.5; +} +.offcanvas-body { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 1rem 1rem; + overflow-y: auto; +} +.offcanvas-start { + top: 0; + left: 0; + width: 400px; + border-right: 1px solid rgba(0, 0, 0, .2); + -webkit-transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); +} +.offcanvas-end { + top: 0; + right: 0; + width: 400px; + border-left: 1px solid rgba(0, 0, 0, .2); + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); +} +.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: 30vh; + max-height: 100%; + border-bottom: 1px solid rgba(0, 0, 0, .2); + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); +} +.offcanvas-bottom { + right: 0; + left: 0; + height: 30vh; + max-height: 100%; + border-top: 1px solid rgba(0, 0, 0, .2); + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); +} +.offcanvas.show { + -webkit-transform: none; + -ms-transform: none; + transform: none; +} +.clearfix::after { + display: block; + clear: both; + content: ""} +.link-primary { + color: #0d6efd; +} +.link-primary:focus, .link-primary:hover { + color: #0a58ca; +} +.link-secondary { + color: #6c757d; +} +.link-secondary:focus, .link-secondary:hover { + color: #565e64; +} +.link-success { + color: #198754; +} +.link-success:focus, .link-success:hover { + color: #146c43; +} +.link-info { + color: #0dcaf0; +} +.link-info:focus, .link-info:hover { + color: #3dd5f3; +} +.link-warning { + color: #ffc107; +} +.link-warning:focus, .link-warning:hover { + color: #ffcd39; +} +.link-danger { + color: #dc3545; +} +.link-danger:focus, .link-danger:hover { + color: #b02a37; +} +.link-light { + color: #f8f9fa; +} +.link-light:focus, .link-light:hover { + color: #f9fafb; +} +.link-dark { + color: #212529; +} +.link-dark:focus, .link-dark:hover { + color: #1a1e21; +} +.ratio { + position: relative; + width: 100%} +.ratio::before { + display: block; + padding-top: var(--bs-aspect-ratio); + content: ""} +.ratio>* { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%} +.ratio-1x1 { + --bs-aspect-ratio: 100%} +.ratio-4x3 { + --bs-aspect-ratio: calc(3 / 4 * 100%); +} +.ratio-16x9 { + --bs-aspect-ratio: calc(9 / 16 * 100%); +} +.ratio-21x9 { + --bs-aspect-ratio: calc(9 / 21 * 100%); +} +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} +.sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; +} +@media(min-width:576px) { + .sticky-sm-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; +} +}@media(min-width:768px) { + .sticky-md-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; +} +}@media(min-width:992px) { + .sticky-lg-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; +} +}@media(min-width:1200px) { + .sticky-xl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; +} +}@media(min-width:1400px) { + .sticky-xxl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; +} +}.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + content: ""} +.text-truncate { + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + white-space: nowrap; +} +.align-baseline { + vertical-align: baseline !important; +} +.align-top { + vertical-align: top !important; +} +.align-middle { + vertical-align: middle !important; +} +.align-bottom { + vertical-align: bottom !important; +} +.align-text-bottom { + vertical-align: text-bottom !important; +} +.align-text-top { + vertical-align: text-top !important; +} +.float-start { + float: left !important; +} +.float-end { + float: right !important; +} +.float-none { + float: none !important; +} +.overflow-auto { + overflow: auto !important; +} +.overflow-hidden { + overflow: hidden !important; +} +.overflow-visible { + overflow: visible !important; +} +.overflow-scroll { + overflow: scroll !important; +} +.d-inline { + display: inline !important; +} +.d-inline-block { + display: inline-block !important; +} +.d-block { + display: block !important; +} +.d-grid { + display: grid !important; +} +.d-table { + display: table !important; +} +.d-table-row { + display: table-row !important; +} +.d-table-cell { + display: table-cell !important; +} +.d-flex { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; +} +.d-inline-flex { + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} +.d-none { + display: none !important; +} +.shadow { + -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; + box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; +} +.shadow-sm { + -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; + box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; +} +.shadow-lg { + -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important; + box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important; +} +.shadow-none { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.position-static { + position: static !important; +} +.position-relative { + position: relative !important; +} +.position-absolute { + position: absolute !important; +} +.position-fixed { + position: fixed !important; +} +.position-sticky { + position: -webkit-sticky !important; + position: sticky !important; +} +.top-0 { + top: 0 !important; +} +.top-50 { + top: 50% !important; +} +.top-100 { + top: 100% !important; +} +.bottom-0 { + bottom: 0 !important; +} +.bottom-50 { + bottom: 50% !important; +} +.bottom-100 { + bottom: 100% !important; +} +.start-0 { + left: 0 !important; +} +.start-50 { + left: 50% !important; +} +.start-100 { + left: 100% !important; +} +.end-0 { + right: 0 !important; +} +.end-50 { + right: 50% !important; +} +.end-100 { + right: 100% !important; +} +.translate-middle { + -webkit-transform: translate(-50%, -50%) !important; + -ms-transform: translate(-50%, -50%) !important; + transform: translate(-50%, -50%) !important; +} +.translate-middle-x { + -webkit-transform: translateX(-50%) !important; + -ms-transform: translateX(-50%) !important; + transform: translateX(-50%) !important; +} +.translate-middle-y { + -webkit-transform: translateY(-50%) !important; + -ms-transform: translateY(-50%) !important; + transform: translateY(-50%) !important; +} +.border { + border: 1px solid #dee2e6 !important; +} +.border-0 { + border: 0 !important; +} +.border-top { + border-top: 1px solid #dee2e6 !important; +} +.border-top-0 { + border-top: 0 !important; +} +.border-end { + border-right: 1px solid #dee2e6 !important; +} +.border-end-0 { + border-right: 0 !important; +} +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} +.border-bottom-0 { + border-bottom: 0 !important; +} +.border-start { + border-left: 1px solid #dee2e6 !important; +} +.border-start-0 { + border-left: 0 !important; +} +.border-primary { + border-color: #0d6efd !important; +} +.border-secondary { + border-color: #6c757d !important; +} +.border-success { + border-color: #198754 !important; +} +.border-info { + border-color: #0dcaf0 !important; +} +.border-warning { + border-color: #ffc107 !important; +} +.border-danger { + border-color: #dc3545 !important; +} +.border-light { + border-color: #f8f9fa !important; +} +.border-dark { + border-color: #212529 !important; +} +.border-white { + border-color: #fff !important; +} +.border-1 { + border-width: 1px !important; +} +.border-2 { + border-width: 2px !important; +} +.border-3 { + border-width: 3px !important; +} +.border-4 { + border-width: 4px !important; +} +.border-5 { + border-width: 5px !important; +} +.w-25 { + width: 25% !important; +} +.w-50 { + width: 50% !important; +} +.w-75 { + width: 75% !important; +} +.w-100 { + width: 100% !important; +} +.w-auto { + width: auto !important; +} +.mw-100 { + max-width: 100% !important; +} +.vw-100 { + width: 100vw !important; +} +.min-vw-100 { + min-width: 100vw !important; +} +.h-25 { + height: 25% !important; +} +.h-50 { + height: 50% !important; +} +.h-75 { + height: 75% !important; +} +.h-100 { + height: 100% !important; +} +.h-auto { + height: auto !important; +} +.mh-100 { + max-height: 100% !important; +} +.vh-100 { + height: 100vh !important; +} +.min-vh-100 { + min-height: 100vh !important; +} +.flex-fill { + -webkit-box-flex: 1 !important; + -webkit-flex: 1 1 auto !important; + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; +} +.flex-row { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: row !important; + -ms-flex-direction: row !important; + flex-direction: row !important; +} +.flex-column { + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: column !important; + -ms-flex-direction: column !important; + flex-direction: column !important; +} +.flex-row-reverse { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: row-reverse !important; + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; +} +.flex-column-reverse { + -webkit-box-orient: vertical !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: column-reverse !important; + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; +} +.flex-grow-0 { + -webkit-box-flex: 0 !important; + -webkit-flex-grow: 0 !important; + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; +} +.flex-grow-1 { + -webkit-box-flex: 1 !important; + -webkit-flex-grow: 1 !important; + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; +} +.flex-shrink-0 { + -webkit-flex-shrink: 0 !important; + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; +} +.flex-shrink-1 { + -webkit-flex-shrink: 1 !important; + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; +} +.flex-wrap { + -webkit-flex-wrap: wrap !important; + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; +} +.flex-nowrap { + -webkit-flex-wrap: nowrap !important; + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; +} +.flex-wrap-reverse { + -webkit-flex-wrap: wrap-reverse !important; + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; +} +.gap-0 { + gap: 0 !important; +} +.gap-1 { + gap: .25rem !important; +} +.gap-2 { + gap: .5rem !important; +} +.gap-3 { + gap: 1rem !important; +} +.gap-4 { + gap: 1.5rem !important; +} +.gap-5 { + gap: 3rem !important; +} +.justify-content-start { + -webkit-box-pack: start !important; + -webkit-justify-content: flex-start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} +.justify-content-end { + -webkit-box-pack: end !important; + -webkit-justify-content: flex-end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} +.justify-content-center { + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; +} +.justify-content-between { + -webkit-box-pack: justify !important; + -webkit-justify-content: space-between !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} +.justify-content-around { + -webkit-justify-content: space-around !important; + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} +.justify-content-evenly { + -webkit-box-pack: space-evenly !important; + -webkit-justify-content: space-evenly !important; + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; +} +.align-items-start { + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; +} +.align-items-end { + -webkit-box-align: end !important; + -webkit-align-items: flex-end !important; + -ms-flex-align: end !important; + align-items: flex-end !important; +} +.align-items-center { + -webkit-box-align: center !important; + -webkit-align-items: center !important; + -ms-flex-align: center !important; + align-items: center !important; +} +.align-items-baseline { + -webkit-box-align: baseline !important; + -webkit-align-items: baseline !important; + -ms-flex-align: baseline !important; + align-items: baseline !important; +} +.align-items-stretch { + -webkit-box-align: stretch !important; + -webkit-align-items: stretch !important; + -ms-flex-align: stretch !important; + align-items: stretch !important; +} +.align-content-start { + -webkit-align-content: flex-start !important; + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} +.align-content-end { + -webkit-align-content: flex-end !important; + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} +.align-content-center { + -webkit-align-content: center !important; + -ms-flex-line-pack: center !important; + align-content: center !important; +} +.align-content-between { + -webkit-align-content: space-between !important; + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} +.align-content-around { + -webkit-align-content: space-around !important; + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} +.align-content-stretch { + -webkit-align-content: stretch !important; + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} +.align-self-auto { + -webkit-align-self: auto !important; + -ms-flex-item-align: auto !important; + align-self: auto !important; +} +.align-self-start { + -webkit-align-self: flex-start !important; + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} +.align-self-end { + -webkit-align-self: flex-end !important; + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} +.align-self-center { + -webkit-align-self: center !important; + -ms-flex-item-align: center !important; + align-self: center !important; +} +.align-self-baseline { + -webkit-align-self: baseline !important; + -ms-flex-item-align: baseline !important; + align-self: baseline !important; +} +.align-self-stretch { + -webkit-align-self: stretch !important; + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} +.order-first { + -webkit-box-ordinal-group: 0 !important; + -webkit-order: -1 !important; + -ms-flex-order: -1 !important; + order: -1 !important; +} +.order-0 { + -webkit-box-ordinal-group: 1 !important; + -webkit-order: 0 !important; + -ms-flex-order: 0 !important; + order: 0 !important; +} +.order-1 { + -webkit-box-ordinal-group: 2 !important; + -webkit-order: 1 !important; + -ms-flex-order: 1 !important; + order: 1 !important; +} +.order-2 { + -webkit-box-ordinal-group: 3 !important; + -webkit-order: 2 !important; + -ms-flex-order: 2 !important; + order: 2 !important; +} +.order-3 { + -webkit-box-ordinal-group: 4 !important; + -webkit-order: 3 !important; + -ms-flex-order: 3 !important; + order: 3 !important; +} +.order-4 { + -webkit-box-ordinal-group: 5 !important; + -webkit-order: 4 !important; + -ms-flex-order: 4 !important; + order: 4 !important; +} +.order-5 { + -webkit-box-ordinal-group: 6 !important; + -webkit-order: 5 !important; + -ms-flex-order: 5 !important; + order: 5 !important; +} +.order-last { + -webkit-box-ordinal-group: 7 !important; + -webkit-order: 6 !important; + -ms-flex-order: 6 !important; + order: 6 !important; +} +.m-0 { + margin: 0 !important; +} +.m-1 { + margin: .25rem !important; +} +.m-2 { + margin: .5rem !important; +} +.m-3 { + margin: 1rem !important; +} +.m-4 { + margin: 1.5rem !important; +} +.m-5 { + margin: 3rem !important; +} +.m-auto { + margin: auto !important; +} +.mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} +.mx-1 { + margin-right: .25rem !important; + margin-left: .25rem !important; +} +.mx-2 { + margin-right: .5rem !important; + margin-left: .5rem !important; +} +.mx-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} +.mx-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; +} +.mx-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; +} +.mx-auto { + margin-right: auto !important; + margin-left: auto !important; +} +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.my-1 { + margin-top: .25rem !important; + margin-bottom: .25rem !important; +} +.my-2 { + margin-top: .5rem !important; + margin-bottom: .5rem !important; +} +.my-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} +.my-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} +.my-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} +.mt-0 { + margin-top: 0 !important; +} +.mt-1 { + margin-top: .25rem !important; +} +.mt-2 { + margin-top: .5rem !important; +} +.mt-3 { + margin-top: 1rem !important; +} +.mt-4 { + margin-top: 1.5rem !important; +} +.mt-5 { + margin-top: 3rem !important; +} +.mt-auto { + margin-top: auto !important; +} +.me-0 { + margin-right: 0 !important; +} +.me-1 { + margin-right: .25rem !important; +} +.me-2 { + margin-right: .5rem !important; +} +.me-3 { + margin-right: 1rem !important; +} +.me-4 { + margin-right: 1.5rem !important; +} +.me-5 { + margin-right: 3rem !important; +} +.me-auto { + margin-right: auto !important; +} +.mb-0 { + margin-bottom: 0 !important; +} +.mb-1 { + margin-bottom: .25rem !important; +} +.mb-2 { + margin-bottom: .5rem !important; +} +.mb-3 { + margin-bottom: 1rem !important; +} +.mb-4 { + margin-bottom: 1.5rem !important; +} +.mb-5 { + margin-bottom: 3rem !important; +} +.mb-auto { + margin-bottom: auto !important; +} +.ms-0 { + margin-left: 0 !important; +} +.ms-1 { + margin-left: .25rem !important; +} +.ms-2 { + margin-left: .5rem !important; +} +.ms-3 { + margin-left: 1rem !important; +} +.ms-4 { + margin-left: 1.5rem !important; +} +.ms-5 { + margin-left: 3rem !important; +} +.ms-auto { + margin-left: auto !important; +} +.p-0 { + padding: 0 !important; +} +.p-1 { + padding: .25rem !important; +} +.p-2 { + padding: .5rem !important; +} +.p-3 { + padding: 1rem !important; +} +.p-4 { + padding: 1.5rem !important; +} +.p-5 { + padding: 3rem !important; +} +.px-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} +.px-1 { + padding-right: .25rem !important; + padding-left: .25rem !important; +} +.px-2 { + padding-right: .5rem !important; + padding-left: .5rem !important; +} +.px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; +} +.px-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; +} +.px-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; +} +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.py-1 { + padding-top: .25rem !important; + padding-bottom: .25rem !important; +} +.py-2 { + padding-top: .5rem !important; + padding-bottom: .5rem !important; +} +.py-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} +.py-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} +.py-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} +.pt-0 { + padding-top: 0 !important; +} +.pt-1 { + padding-top: .25rem !important; +} +.pt-2 { + padding-top: .5rem !important; +} +.pt-3 { + padding-top: 1rem !important; +} +.pt-4 { + padding-top: 1.5rem !important; +} +.pt-5 { + padding-top: 3rem !important; +} +.pe-0 { + padding-right: 0 !important; +} +.pe-1 { + padding-right: .25rem !important; +} +.pe-2 { + padding-right: .5rem !important; +} +.pe-3 { + padding-right: 1rem !important; +} +.pe-4 { + padding-right: 1.5rem !important; +} +.pe-5 { + padding-right: 3rem !important; +} +.pb-0 { + padding-bottom: 0 !important; +} +.pb-1 { + padding-bottom: .25rem !important; +} +.pb-2 { + padding-bottom: .5rem !important; +} +.pb-3 { + padding-bottom: 1rem !important; +} +.pb-4 { + padding-bottom: 1.5rem !important; +} +.pb-5 { + padding-bottom: 3rem !important; +} +.ps-0 { + padding-left: 0 !important; +} +.ps-1 { + padding-left: .25rem !important; +} +.ps-2 { + padding-left: .5rem !important; +} +.ps-3 { + padding-left: 1rem !important; +} +.ps-4 { + padding-left: 1.5rem !important; +} +.ps-5 { + padding-left: 3rem !important; +} +.font-monospace { + font-family: var(--bs-font-monospace) !important; +} +.fs-1 { + font-size: calc(1.375rem + 1.5vw) !important; +} +.fs-2 { + font-size: calc(1.325rem + .9vw) !important; +} +.fs-3 { + font-size: calc(1.3rem + .6vw) !important; +} +.fs-4 { + font-size: calc(1.275rem + .3vw) !important; +} +.fs-5 { + font-size: 1.25rem !important; +} +.fs-6 { + font-size: 1rem !important; +} +.fst-italic { + font-style: italic !important; +} +.fst-normal { + font-style: normal !important; +} +.fw-light { + font-weight: 300 !important; +} +.fw-lighter { + font-weight: lighter !important; +} +.fw-normal { + font-weight: 400 !important; +} +.fw-bold { + font-weight: 700 !important; +} +.fw-bolder { + font-weight: bolder !important; +} +.lh-1 { + line-height: 1 !important; +} +.lh-sm { + line-height: 1.25 !important; +} +.lh-base { + line-height: 1.5 !important; +} +.lh-lg { + line-height: 2 !important; +} +.text-start { + text-align: left !important; +} +.text-end { + text-align: right !important; +} +.text-center { + text-align: center !important; +} +.text-decoration-none { + text-decoration: none !important; +} +.text-decoration-underline { + text-decoration: underline !important; +} +.text-decoration-line-through { + text-decoration: line-through !important; +} +.text-lowercase { + text-transform: lowercase !important; +} +.text-uppercase { + text-transform: uppercase !important; +} +.text-capitalize { + text-transform: capitalize !important; +} +.text-wrap { + white-space: normal !important; +} +.text-nowrap { + white-space: nowrap !important; +} +.text-break { + word-wrap: break-word !important; + word-break: break-word !important; +} +.text-primary { + color: #0d6efd !important; +} +.text-secondary { + color: #6c757d !important; +} +.text-success { + color: #198754 !important; +} +.text-info { + color: #0dcaf0 !important; +} +.text-warning { + color: #ffc107 !important; +} +.text-danger { + color: #dc3545 !important; +} +.text-light { + color: #f8f9fa !important; +} +.text-dark { + color: #212529 !important; +} +.text-white { + color: #fff !important; +} +.text-body { + color: #212529 !important; +} +.text-muted { + color: #6c757d !important; +} +.text-black-50 { + color: rgba(0, 0, 0, .5) !important; +} +.text-white-50 { + color: rgba(255, 255, 255, .5) !important; +} +.text-reset { + color: inherit !important; +} +.bg-primary { + background-color: #0d6efd !important; +} +.bg-secondary { + background-color: #6c757d !important; +} +.bg-success { + background-color: #198754 !important; +} +.bg-info { + background-color: #0dcaf0 !important; +} +.bg-warning { + background-color: #ffc107 !important; +} +.bg-danger { + background-color: #dc3545 !important; +} +.bg-light { + background-color: #f8f9fa !important; +} +.bg-dark { + background-color: #212529 !important; +} +.bg-body { + background-color: #fff !important; +} +.bg-white { + background-color: #fff !important; +} +.bg-transparent { + background-color: transparent !important; +} +.bg-gradient { + background-image: var(--bs-gradient) !important; +} +.user-select-all { + -webkit-user-select: all !important; + -moz-user-select: all !important; + -ms-user-select: all !important; + user-select: all !important; +} +.user-select-auto { + -webkit-user-select: auto !important; + -moz-user-select: auto !important; + -ms-user-select: auto !important; + user-select: auto !important; +} +.user-select-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; +} +.pe-none { + pointer-events: none !important; +} +.pe-auto { + pointer-events: auto !important; +} +.rounded { + border-radius: .25rem !important; +} +.rounded-0 { + border-radius: 0 !important; +} +.rounded-1 { + border-radius: .2rem !important; +} +.rounded-2 { + border-radius: .25rem !important; +} +.rounded-3 { + border-radius: .3rem !important; +} +.rounded-circle { + border-radius: 50% !important; +} +.rounded-pill { + border-radius: 50rem !important; +} +.rounded-top { + border-top-left-radius: .25rem !important; + border-top-right-radius: .25rem !important; +} +.rounded-end { + border-top-right-radius: .25rem !important; + border-bottom-right-radius: .25rem !important; +} +.rounded-bottom { + border-bottom-right-radius: .25rem !important; + border-bottom-left-radius: .25rem !important; +} +.rounded-start { + border-bottom-left-radius: .25rem !important; + border-top-left-radius: .25rem !important; +} +.visible { + visibility: visible !important; +} +.invisible { + visibility: hidden !important; +} +@media(min-width:576px) { + .float-sm-start { + float: left !important; +} +.float-sm-end { + float: right !important; +} +.float-sm-none { + float: none !important; +} +.d-sm-inline { + display: inline !important; +} +.d-sm-inline-block { + display: inline-block !important; +} +.d-sm-block { + display: block !important; +} +.d-sm-grid { + display: grid !important; +} +.d-sm-table { + display: table !important; +} +.d-sm-table-row { + display: table-row !important; +} +.d-sm-table-cell { + display: table-cell !important; +} +.d-sm-flex { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; +} +.d-sm-inline-flex { + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} +.d-sm-none { + display: none !important; +} +.flex-sm-fill { + -webkit-box-flex: 1 !important; + -webkit-flex: 1 1 auto !important; + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; +} +.flex-sm-row { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: row !important; + -ms-flex-direction: row !important; + flex-direction: row !important; +} +.flex-sm-column { + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: column !important; + -ms-flex-direction: column !important; + flex-direction: column !important; +} +.flex-sm-row-reverse { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: row-reverse !important; + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; +} +.flex-sm-column-reverse { + -webkit-box-orient: vertical !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: column-reverse !important; + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; +} +.flex-sm-grow-0 { + -webkit-box-flex: 0 !important; + -webkit-flex-grow: 0 !important; + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; +} +.flex-sm-grow-1 { + -webkit-box-flex: 1 !important; + -webkit-flex-grow: 1 !important; + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; +} +.flex-sm-shrink-0 { + -webkit-flex-shrink: 0 !important; + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; +} +.flex-sm-shrink-1 { + -webkit-flex-shrink: 1 !important; + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; +} +.flex-sm-wrap { + -webkit-flex-wrap: wrap !important; + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; +} +.flex-sm-nowrap { + -webkit-flex-wrap: nowrap !important; + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; +} +.flex-sm-wrap-reverse { + -webkit-flex-wrap: wrap-reverse !important; + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; +} +.gap-sm-0 { + gap: 0 !important; +} +.gap-sm-1 { + gap: .25rem !important; +} +.gap-sm-2 { + gap: .5rem !important; +} +.gap-sm-3 { + gap: 1rem !important; +} +.gap-sm-4 { + gap: 1.5rem !important; +} +.gap-sm-5 { + gap: 3rem !important; +} +.justify-content-sm-start { + -webkit-box-pack: start !important; + -webkit-justify-content: flex-start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} +.justify-content-sm-end { + -webkit-box-pack: end !important; + -webkit-justify-content: flex-end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} +.justify-content-sm-center { + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; +} +.justify-content-sm-between { + -webkit-box-pack: justify !important; + -webkit-justify-content: space-between !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} +.justify-content-sm-around { + -webkit-justify-content: space-around !important; + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} +.justify-content-sm-evenly { + -webkit-box-pack: space-evenly !important; + -webkit-justify-content: space-evenly !important; + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; +} +.align-items-sm-start { + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; +} +.align-items-sm-end { + -webkit-box-align: end !important; + -webkit-align-items: flex-end !important; + -ms-flex-align: end !important; + align-items: flex-end !important; +} +.align-items-sm-center { + -webkit-box-align: center !important; + -webkit-align-items: center !important; + -ms-flex-align: center !important; + align-items: center !important; +} +.align-items-sm-baseline { + -webkit-box-align: baseline !important; + -webkit-align-items: baseline !important; + -ms-flex-align: baseline !important; + align-items: baseline !important; +} +.align-items-sm-stretch { + -webkit-box-align: stretch !important; + -webkit-align-items: stretch !important; + -ms-flex-align: stretch !important; + align-items: stretch !important; +} +.align-content-sm-start { + -webkit-align-content: flex-start !important; + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} +.align-content-sm-end { + -webkit-align-content: flex-end !important; + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} +.align-content-sm-center { + -webkit-align-content: center !important; + -ms-flex-line-pack: center !important; + align-content: center !important; +} +.align-content-sm-between { + -webkit-align-content: space-between !important; + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} +.align-content-sm-around { + -webkit-align-content: space-around !important; + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} +.align-content-sm-stretch { + -webkit-align-content: stretch !important; + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} +.align-self-sm-auto { + -webkit-align-self: auto !important; + -ms-flex-item-align: auto !important; + align-self: auto !important; +} +.align-self-sm-start { + -webkit-align-self: flex-start !important; + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} +.align-self-sm-end { + -webkit-align-self: flex-end !important; + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} +.align-self-sm-center { + -webkit-align-self: center !important; + -ms-flex-item-align: center !important; + align-self: center !important; +} +.align-self-sm-baseline { + -webkit-align-self: baseline !important; + -ms-flex-item-align: baseline !important; + align-self: baseline !important; +} +.align-self-sm-stretch { + -webkit-align-self: stretch !important; + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} +.order-sm-first { + -webkit-box-ordinal-group: 0 !important; + -webkit-order: -1 !important; + -ms-flex-order: -1 !important; + order: -1 !important; +} +.order-sm-0 { + -webkit-box-ordinal-group: 1 !important; + -webkit-order: 0 !important; + -ms-flex-order: 0 !important; + order: 0 !important; +} +.order-sm-1 { + -webkit-box-ordinal-group: 2 !important; + -webkit-order: 1 !important; + -ms-flex-order: 1 !important; + order: 1 !important; +} +.order-sm-2 { + -webkit-box-ordinal-group: 3 !important; + -webkit-order: 2 !important; + -ms-flex-order: 2 !important; + order: 2 !important; +} +.order-sm-3 { + -webkit-box-ordinal-group: 4 !important; + -webkit-order: 3 !important; + -ms-flex-order: 3 !important; + order: 3 !important; +} +.order-sm-4 { + -webkit-box-ordinal-group: 5 !important; + -webkit-order: 4 !important; + -ms-flex-order: 4 !important; + order: 4 !important; +} +.order-sm-5 { + -webkit-box-ordinal-group: 6 !important; + -webkit-order: 5 !important; + -ms-flex-order: 5 !important; + order: 5 !important; +} +.order-sm-last { + -webkit-box-ordinal-group: 7 !important; + -webkit-order: 6 !important; + -ms-flex-order: 6 !important; + order: 6 !important; +} +.m-sm-0 { + margin: 0 !important; +} +.m-sm-1 { + margin: .25rem !important; +} +.m-sm-2 { + margin: .5rem !important; +} +.m-sm-3 { + margin: 1rem !important; +} +.m-sm-4 { + margin: 1.5rem !important; +} +.m-sm-5 { + margin: 3rem !important; +} +.m-sm-auto { + margin: auto !important; +} +.mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} +.mx-sm-1 { + margin-right: .25rem !important; + margin-left: .25rem !important; +} +.mx-sm-2 { + margin-right: .5rem !important; + margin-left: .5rem !important; +} +.mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} +.mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; +} +.mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; +} +.mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; +} +.my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.my-sm-1 { + margin-top: .25rem !important; + margin-bottom: .25rem !important; +} +.my-sm-2 { + margin-top: .5rem !important; + margin-bottom: .5rem !important; +} +.my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} +.my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} +.my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} +.my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} +.mt-sm-0 { + margin-top: 0 !important; +} +.mt-sm-1 { + margin-top: .25rem !important; +} +.mt-sm-2 { + margin-top: .5rem !important; +} +.mt-sm-3 { + margin-top: 1rem !important; +} +.mt-sm-4 { + margin-top: 1.5rem !important; +} +.mt-sm-5 { + margin-top: 3rem !important; +} +.mt-sm-auto { + margin-top: auto !important; +} +.me-sm-0 { + margin-right: 0 !important; +} +.me-sm-1 { + margin-right: .25rem !important; +} +.me-sm-2 { + margin-right: .5rem !important; +} +.me-sm-3 { + margin-right: 1rem !important; +} +.me-sm-4 { + margin-right: 1.5rem !important; +} +.me-sm-5 { + margin-right: 3rem !important; +} +.me-sm-auto { + margin-right: auto !important; +} +.mb-sm-0 { + margin-bottom: 0 !important; +} +.mb-sm-1 { + margin-bottom: .25rem !important; +} +.mb-sm-2 { + margin-bottom: .5rem !important; +} +.mb-sm-3 { + margin-bottom: 1rem !important; +} +.mb-sm-4 { + margin-bottom: 1.5rem !important; +} +.mb-sm-5 { + margin-bottom: 3rem !important; +} +.mb-sm-auto { + margin-bottom: auto !important; +} +.ms-sm-0 { + margin-left: 0 !important; +} +.ms-sm-1 { + margin-left: .25rem !important; +} +.ms-sm-2 { + margin-left: .5rem !important; +} +.ms-sm-3 { + margin-left: 1rem !important; +} +.ms-sm-4 { + margin-left: 1.5rem !important; +} +.ms-sm-5 { + margin-left: 3rem !important; +} +.ms-sm-auto { + margin-left: auto !important; +} +.p-sm-0 { + padding: 0 !important; +} +.p-sm-1 { + padding: .25rem !important; +} +.p-sm-2 { + padding: .5rem !important; +} +.p-sm-3 { + padding: 1rem !important; +} +.p-sm-4 { + padding: 1.5rem !important; +} +.p-sm-5 { + padding: 3rem !important; +} +.px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} +.px-sm-1 { + padding-right: .25rem !important; + padding-left: .25rem !important; +} +.px-sm-2 { + padding-right: .5rem !important; + padding-left: .5rem !important; +} +.px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; +} +.px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; +} +.px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; +} +.py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.py-sm-1 { + padding-top: .25rem !important; + padding-bottom: .25rem !important; +} +.py-sm-2 { + padding-top: .5rem !important; + padding-bottom: .5rem !important; +} +.py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} +.py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} +.py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} +.pt-sm-0 { + padding-top: 0 !important; +} +.pt-sm-1 { + padding-top: .25rem !important; +} +.pt-sm-2 { + padding-top: .5rem !important; +} +.pt-sm-3 { + padding-top: 1rem !important; +} +.pt-sm-4 { + padding-top: 1.5rem !important; +} +.pt-sm-5 { + padding-top: 3rem !important; +} +.pe-sm-0 { + padding-right: 0 !important; +} +.pe-sm-1 { + padding-right: .25rem !important; +} +.pe-sm-2 { + padding-right: .5rem !important; +} +.pe-sm-3 { + padding-right: 1rem !important; +} +.pe-sm-4 { + padding-right: 1.5rem !important; +} +.pe-sm-5 { + padding-right: 3rem !important; +} +.pb-sm-0 { + padding-bottom: 0 !important; +} +.pb-sm-1 { + padding-bottom: .25rem !important; +} +.pb-sm-2 { + padding-bottom: .5rem !important; +} +.pb-sm-3 { + padding-bottom: 1rem !important; +} +.pb-sm-4 { + padding-bottom: 1.5rem !important; +} +.pb-sm-5 { + padding-bottom: 3rem !important; +} +.ps-sm-0 { + padding-left: 0 !important; +} +.ps-sm-1 { + padding-left: .25rem !important; +} +.ps-sm-2 { + padding-left: .5rem !important; +} +.ps-sm-3 { + padding-left: 1rem !important; +} +.ps-sm-4 { + padding-left: 1.5rem !important; +} +.ps-sm-5 { + padding-left: 3rem !important; +} +.text-sm-start { + text-align: left !important; +} +.text-sm-end { + text-align: right !important; +} +.text-sm-center { + text-align: center !important; +} +}@media(min-width:768px) { + .float-md-start { + float: left !important; +} +.float-md-end { + float: right !important; +} +.float-md-none { + float: none !important; +} +.d-md-inline { + display: inline !important; +} +.d-md-inline-block { + display: inline-block !important; +} +.d-md-block { + display: block !important; +} +.d-md-grid { + display: grid !important; +} +.d-md-table { + display: table !important; +} +.d-md-table-row { + display: table-row !important; +} +.d-md-table-cell { + display: table-cell !important; +} +.d-md-flex { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; +} +.d-md-inline-flex { + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} +.d-md-none { + display: none !important; +} +.flex-md-fill { + -webkit-box-flex: 1 !important; + -webkit-flex: 1 1 auto !important; + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; +} +.flex-md-row { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: row !important; + -ms-flex-direction: row !important; + flex-direction: row !important; +} +.flex-md-column { + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: column !important; + -ms-flex-direction: column !important; + flex-direction: column !important; +} +.flex-md-row-reverse { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: row-reverse !important; + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; +} +.flex-md-column-reverse { + -webkit-box-orient: vertical !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: column-reverse !important; + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; +} +.flex-md-grow-0 { + -webkit-box-flex: 0 !important; + -webkit-flex-grow: 0 !important; + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; +} +.flex-md-grow-1 { + -webkit-box-flex: 1 !important; + -webkit-flex-grow: 1 !important; + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; +} +.flex-md-shrink-0 { + -webkit-flex-shrink: 0 !important; + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; +} +.flex-md-shrink-1 { + -webkit-flex-shrink: 1 !important; + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; +} +.flex-md-wrap { + -webkit-flex-wrap: wrap !important; + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; +} +.flex-md-nowrap { + -webkit-flex-wrap: nowrap !important; + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; +} +.flex-md-wrap-reverse { + -webkit-flex-wrap: wrap-reverse !important; + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; +} +.gap-md-0 { + gap: 0 !important; +} +.gap-md-1 { + gap: .25rem !important; +} +.gap-md-2 { + gap: .5rem !important; +} +.gap-md-3 { + gap: 1rem !important; +} +.gap-md-4 { + gap: 1.5rem !important; +} +.gap-md-5 { + gap: 3rem !important; +} +.justify-content-md-start { + -webkit-box-pack: start !important; + -webkit-justify-content: flex-start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} +.justify-content-md-end { + -webkit-box-pack: end !important; + -webkit-justify-content: flex-end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} +.justify-content-md-center { + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; +} +.justify-content-md-between { + -webkit-box-pack: justify !important; + -webkit-justify-content: space-between !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} +.justify-content-md-around { + -webkit-justify-content: space-around !important; + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} +.justify-content-md-evenly { + -webkit-box-pack: space-evenly !important; + -webkit-justify-content: space-evenly !important; + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; +} +.align-items-md-start { + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; +} +.align-items-md-end { + -webkit-box-align: end !important; + -webkit-align-items: flex-end !important; + -ms-flex-align: end !important; + align-items: flex-end !important; +} +.align-items-md-center { + -webkit-box-align: center !important; + -webkit-align-items: center !important; + -ms-flex-align: center !important; + align-items: center !important; +} +.align-items-md-baseline { + -webkit-box-align: baseline !important; + -webkit-align-items: baseline !important; + -ms-flex-align: baseline !important; + align-items: baseline !important; +} +.align-items-md-stretch { + -webkit-box-align: stretch !important; + -webkit-align-items: stretch !important; + -ms-flex-align: stretch !important; + align-items: stretch !important; +} +.align-content-md-start { + -webkit-align-content: flex-start !important; + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} +.align-content-md-end { + -webkit-align-content: flex-end !important; + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} +.align-content-md-center { + -webkit-align-content: center !important; + -ms-flex-line-pack: center !important; + align-content: center !important; +} +.align-content-md-between { + -webkit-align-content: space-between !important; + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} +.align-content-md-around { + -webkit-align-content: space-around !important; + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} +.align-content-md-stretch { + -webkit-align-content: stretch !important; + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} +.align-self-md-auto { + -webkit-align-self: auto !important; + -ms-flex-item-align: auto !important; + align-self: auto !important; +} +.align-self-md-start { + -webkit-align-self: flex-start !important; + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} +.align-self-md-end { + -webkit-align-self: flex-end !important; + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} +.align-self-md-center { + -webkit-align-self: center !important; + -ms-flex-item-align: center !important; + align-self: center !important; +} +.align-self-md-baseline { + -webkit-align-self: baseline !important; + -ms-flex-item-align: baseline !important; + align-self: baseline !important; +} +.align-self-md-stretch { + -webkit-align-self: stretch !important; + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} +.order-md-first { + -webkit-box-ordinal-group: 0 !important; + -webkit-order: -1 !important; + -ms-flex-order: -1 !important; + order: -1 !important; +} +.order-md-0 { + -webkit-box-ordinal-group: 1 !important; + -webkit-order: 0 !important; + -ms-flex-order: 0 !important; + order: 0 !important; +} +.order-md-1 { + -webkit-box-ordinal-group: 2 !important; + -webkit-order: 1 !important; + -ms-flex-order: 1 !important; + order: 1 !important; +} +.order-md-2 { + -webkit-box-ordinal-group: 3 !important; + -webkit-order: 2 !important; + -ms-flex-order: 2 !important; + order: 2 !important; +} +.order-md-3 { + -webkit-box-ordinal-group: 4 !important; + -webkit-order: 3 !important; + -ms-flex-order: 3 !important; + order: 3 !important; +} +.order-md-4 { + -webkit-box-ordinal-group: 5 !important; + -webkit-order: 4 !important; + -ms-flex-order: 4 !important; + order: 4 !important; +} +.order-md-5 { + -webkit-box-ordinal-group: 6 !important; + -webkit-order: 5 !important; + -ms-flex-order: 5 !important; + order: 5 !important; +} +.order-md-last { + -webkit-box-ordinal-group: 7 !important; + -webkit-order: 6 !important; + -ms-flex-order: 6 !important; + order: 6 !important; +} +.m-md-0 { + margin: 0 !important; +} +.m-md-1 { + margin: .25rem !important; +} +.m-md-2 { + margin: .5rem !important; +} +.m-md-3 { + margin: 1rem !important; +} +.m-md-4 { + margin: 1.5rem !important; +} +.m-md-5 { + margin: 3rem !important; +} +.m-md-auto { + margin: auto !important; +} +.mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} +.mx-md-1 { + margin-right: .25rem !important; + margin-left: .25rem !important; +} +.mx-md-2 { + margin-right: .5rem !important; + margin-left: .5rem !important; +} +.mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} +.mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; +} +.mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; +} +.mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; +} +.my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.my-md-1 { + margin-top: .25rem !important; + margin-bottom: .25rem !important; +} +.my-md-2 { + margin-top: .5rem !important; + margin-bottom: .5rem !important; +} +.my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} +.my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} +.my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} +.my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} +.mt-md-0 { + margin-top: 0 !important; +} +.mt-md-1 { + margin-top: .25rem !important; +} +.mt-md-2 { + margin-top: .5rem !important; +} +.mt-md-3 { + margin-top: 1rem !important; +} +.mt-md-4 { + margin-top: 1.5rem !important; +} +.mt-md-5 { + margin-top: 3rem !important; +} +.mt-md-auto { + margin-top: auto !important; +} +.me-md-0 { + margin-right: 0 !important; +} +.me-md-1 { + margin-right: .25rem !important; +} +.me-md-2 { + margin-right: .5rem !important; +} +.me-md-3 { + margin-right: 1rem !important; +} +.me-md-4 { + margin-right: 1.5rem !important; +} +.me-md-5 { + margin-right: 3rem !important; +} +.me-md-auto { + margin-right: auto !important; +} +.mb-md-0 { + margin-bottom: 0 !important; +} +.mb-md-1 { + margin-bottom: .25rem !important; +} +.mb-md-2 { + margin-bottom: .5rem !important; +} +.mb-md-3 { + margin-bottom: 1rem !important; +} +.mb-md-4 { + margin-bottom: 1.5rem !important; +} +.mb-md-5 { + margin-bottom: 3rem !important; +} +.mb-md-auto { + margin-bottom: auto !important; +} +.ms-md-0 { + margin-left: 0 !important; +} +.ms-md-1 { + margin-left: .25rem !important; +} +.ms-md-2 { + margin-left: .5rem !important; +} +.ms-md-3 { + margin-left: 1rem !important; +} +.ms-md-4 { + margin-left: 1.5rem !important; +} +.ms-md-5 { + margin-left: 3rem !important; +} +.ms-md-auto { + margin-left: auto !important; +} +.p-md-0 { + padding: 0 !important; +} +.p-md-1 { + padding: .25rem !important; +} +.p-md-2 { + padding: .5rem !important; +} +.p-md-3 { + padding: 1rem !important; +} +.p-md-4 { + padding: 1.5rem !important; +} +.p-md-5 { + padding: 3rem !important; +} +.px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} +.px-md-1 { + padding-right: .25rem !important; + padding-left: .25rem !important; +} +.px-md-2 { + padding-right: .5rem !important; + padding-left: .5rem !important; +} +.px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; +} +.px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; +} +.px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; +} +.py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.py-md-1 { + padding-top: .25rem !important; + padding-bottom: .25rem !important; +} +.py-md-2 { + padding-top: .5rem !important; + padding-bottom: .5rem !important; +} +.py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} +.py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} +.py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} +.pt-md-0 { + padding-top: 0 !important; +} +.pt-md-1 { + padding-top: .25rem !important; +} +.pt-md-2 { + padding-top: .5rem !important; +} +.pt-md-3 { + padding-top: 1rem !important; +} +.pt-md-4 { + padding-top: 1.5rem !important; +} +.pt-md-5 { + padding-top: 3rem !important; +} +.pe-md-0 { + padding-right: 0 !important; +} +.pe-md-1 { + padding-right: .25rem !important; +} +.pe-md-2 { + padding-right: .5rem !important; +} +.pe-md-3 { + padding-right: 1rem !important; +} +.pe-md-4 { + padding-right: 1.5rem !important; +} +.pe-md-5 { + padding-right: 3rem !important; +} +.pb-md-0 { + padding-bottom: 0 !important; +} +.pb-md-1 { + padding-bottom: .25rem !important; +} +.pb-md-2 { + padding-bottom: .5rem !important; +} +.pb-md-3 { + padding-bottom: 1rem !important; +} +.pb-md-4 { + padding-bottom: 1.5rem !important; +} +.pb-md-5 { + padding-bottom: 3rem !important; +} +.ps-md-0 { + padding-left: 0 !important; +} +.ps-md-1 { + padding-left: .25rem !important; +} +.ps-md-2 { + padding-left: .5rem !important; +} +.ps-md-3 { + padding-left: 1rem !important; +} +.ps-md-4 { + padding-left: 1.5rem !important; +} +.ps-md-5 { + padding-left: 3rem !important; +} +.text-md-start { + text-align: left !important; +} +.text-md-end { + text-align: right !important; +} +.text-md-center { + text-align: center !important; +} +}@media(min-width:992px) { + .float-lg-start { + float: left !important; +} +.float-lg-end { + float: right !important; +} +.float-lg-none { + float: none !important; +} +.d-lg-inline { + display: inline !important; +} +.d-lg-inline-block { + display: inline-block !important; +} +.d-lg-block { + display: block !important; +} +.d-lg-grid { + display: grid !important; +} +.d-lg-table { + display: table !important; +} +.d-lg-table-row { + display: table-row !important; +} +.d-lg-table-cell { + display: table-cell !important; +} +.d-lg-flex { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; +} +.d-lg-inline-flex { + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} +.d-lg-none { + display: none !important; +} +.flex-lg-fill { + -webkit-box-flex: 1 !important; + -webkit-flex: 1 1 auto !important; + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; +} +.flex-lg-row { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: row !important; + -ms-flex-direction: row !important; + flex-direction: row !important; +} +.flex-lg-column { + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: column !important; + -ms-flex-direction: column !important; + flex-direction: column !important; +} +.flex-lg-row-reverse { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: row-reverse !important; + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; +} +.flex-lg-column-reverse { + -webkit-box-orient: vertical !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: column-reverse !important; + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; +} +.flex-lg-grow-0 { + -webkit-box-flex: 0 !important; + -webkit-flex-grow: 0 !important; + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; +} +.flex-lg-grow-1 { + -webkit-box-flex: 1 !important; + -webkit-flex-grow: 1 !important; + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; +} +.flex-lg-shrink-0 { + -webkit-flex-shrink: 0 !important; + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; +} +.flex-lg-shrink-1 { + -webkit-flex-shrink: 1 !important; + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; +} +.flex-lg-wrap { + -webkit-flex-wrap: wrap !important; + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; +} +.flex-lg-nowrap { + -webkit-flex-wrap: nowrap !important; + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; +} +.flex-lg-wrap-reverse { + -webkit-flex-wrap: wrap-reverse !important; + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; +} +.gap-lg-0 { + gap: 0 !important; +} +.gap-lg-1 { + gap: .25rem !important; +} +.gap-lg-2 { + gap: .5rem !important; +} +.gap-lg-3 { + gap: 1rem !important; +} +.gap-lg-4 { + gap: 1.5rem !important; +} +.gap-lg-5 { + gap: 3rem !important; +} +.justify-content-lg-start { + -webkit-box-pack: start !important; + -webkit-justify-content: flex-start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} +.justify-content-lg-end { + -webkit-box-pack: end !important; + -webkit-justify-content: flex-end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} +.justify-content-lg-center { + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; +} +.justify-content-lg-between { + -webkit-box-pack: justify !important; + -webkit-justify-content: space-between !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} +.justify-content-lg-around { + -webkit-justify-content: space-around !important; + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} +.justify-content-lg-evenly { + -webkit-box-pack: space-evenly !important; + -webkit-justify-content: space-evenly !important; + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; +} +.align-items-lg-start { + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; +} +.align-items-lg-end { + -webkit-box-align: end !important; + -webkit-align-items: flex-end !important; + -ms-flex-align: end !important; + align-items: flex-end !important; +} +.align-items-lg-center { + -webkit-box-align: center !important; + -webkit-align-items: center !important; + -ms-flex-align: center !important; + align-items: center !important; +} +.align-items-lg-baseline { + -webkit-box-align: baseline !important; + -webkit-align-items: baseline !important; + -ms-flex-align: baseline !important; + align-items: baseline !important; +} +.align-items-lg-stretch { + -webkit-box-align: stretch !important; + -webkit-align-items: stretch !important; + -ms-flex-align: stretch !important; + align-items: stretch !important; +} +.align-content-lg-start { + -webkit-align-content: flex-start !important; + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} +.align-content-lg-end { + -webkit-align-content: flex-end !important; + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} +.align-content-lg-center { + -webkit-align-content: center !important; + -ms-flex-line-pack: center !important; + align-content: center !important; +} +.align-content-lg-between { + -webkit-align-content: space-between !important; + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} +.align-content-lg-around { + -webkit-align-content: space-around !important; + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} +.align-content-lg-stretch { + -webkit-align-content: stretch !important; + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} +.align-self-lg-auto { + -webkit-align-self: auto !important; + -ms-flex-item-align: auto !important; + align-self: auto !important; +} +.align-self-lg-start { + -webkit-align-self: flex-start !important; + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} +.align-self-lg-end { + -webkit-align-self: flex-end !important; + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} +.align-self-lg-center { + -webkit-align-self: center !important; + -ms-flex-item-align: center !important; + align-self: center !important; +} +.align-self-lg-baseline { + -webkit-align-self: baseline !important; + -ms-flex-item-align: baseline !important; + align-self: baseline !important; +} +.align-self-lg-stretch { + -webkit-align-self: stretch !important; + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} +.order-lg-first { + -webkit-box-ordinal-group: 0 !important; + -webkit-order: -1 !important; + -ms-flex-order: -1 !important; + order: -1 !important; +} +.order-lg-0 { + -webkit-box-ordinal-group: 1 !important; + -webkit-order: 0 !important; + -ms-flex-order: 0 !important; + order: 0 !important; +} +.order-lg-1 { + -webkit-box-ordinal-group: 2 !important; + -webkit-order: 1 !important; + -ms-flex-order: 1 !important; + order: 1 !important; +} +.order-lg-2 { + -webkit-box-ordinal-group: 3 !important; + -webkit-order: 2 !important; + -ms-flex-order: 2 !important; + order: 2 !important; +} +.order-lg-3 { + -webkit-box-ordinal-group: 4 !important; + -webkit-order: 3 !important; + -ms-flex-order: 3 !important; + order: 3 !important; +} +.order-lg-4 { + -webkit-box-ordinal-group: 5 !important; + -webkit-order: 4 !important; + -ms-flex-order: 4 !important; + order: 4 !important; +} +.order-lg-5 { + -webkit-box-ordinal-group: 6 !important; + -webkit-order: 5 !important; + -ms-flex-order: 5 !important; + order: 5 !important; +} +.order-lg-last { + -webkit-box-ordinal-group: 7 !important; + -webkit-order: 6 !important; + -ms-flex-order: 6 !important; + order: 6 !important; +} +.m-lg-0 { + margin: 0 !important; +} +.m-lg-1 { + margin: .25rem !important; +} +.m-lg-2 { + margin: .5rem !important; +} +.m-lg-3 { + margin: 1rem !important; +} +.m-lg-4 { + margin: 1.5rem !important; +} +.m-lg-5 { + margin: 3rem !important; +} +.m-lg-auto { + margin: auto !important; +} +.mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} +.mx-lg-1 { + margin-right: .25rem !important; + margin-left: .25rem !important; +} +.mx-lg-2 { + margin-right: .5rem !important; + margin-left: .5rem !important; +} +.mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} +.mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; +} +.mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; +} +.mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; +} +.my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.my-lg-1 { + margin-top: .25rem !important; + margin-bottom: .25rem !important; +} +.my-lg-2 { + margin-top: .5rem !important; + margin-bottom: .5rem !important; +} +.my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} +.my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} +.my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} +.my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} +.mt-lg-0 { + margin-top: 0 !important; +} +.mt-lg-1 { + margin-top: .25rem !important; +} +.mt-lg-2 { + margin-top: .5rem !important; +} +.mt-lg-3 { + margin-top: 1rem !important; +} +.mt-lg-4 { + margin-top: 1.5rem !important; +} +.mt-lg-5 { + margin-top: 3rem !important; +} +.mt-lg-auto { + margin-top: auto !important; +} +.me-lg-0 { + margin-right: 0 !important; +} +.me-lg-1 { + margin-right: .25rem !important; +} +.me-lg-2 { + margin-right: .5rem !important; +} +.me-lg-3 { + margin-right: 1rem !important; +} +.me-lg-4 { + margin-right: 1.5rem !important; +} +.me-lg-5 { + margin-right: 3rem !important; +} +.me-lg-auto { + margin-right: auto !important; +} +.mb-lg-0 { + margin-bottom: 0 !important; +} +.mb-lg-1 { + margin-bottom: .25rem !important; +} +.mb-lg-2 { + margin-bottom: .5rem !important; +} +.mb-lg-3 { + margin-bottom: 1rem !important; +} +.mb-lg-4 { + margin-bottom: 1.5rem !important; +} +.mb-lg-5 { + margin-bottom: 3rem !important; +} +.mb-lg-auto { + margin-bottom: auto !important; +} +.ms-lg-0 { + margin-left: 0 !important; +} +.ms-lg-1 { + margin-left: .25rem !important; +} +.ms-lg-2 { + margin-left: .5rem !important; +} +.ms-lg-3 { + margin-left: 1rem !important; +} +.ms-lg-4 { + margin-left: 1.5rem !important; +} +.ms-lg-5 { + margin-left: 3rem !important; +} +.ms-lg-auto { + margin-left: auto !important; +} +.p-lg-0 { + padding: 0 !important; +} +.p-lg-1 { + padding: .25rem !important; +} +.p-lg-2 { + padding: .5rem !important; +} +.p-lg-3 { + padding: 1rem !important; +} +.p-lg-4 { + padding: 1.5rem !important; +} +.p-lg-5 { + padding: 3rem !important; +} +.px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} +.px-lg-1 { + padding-right: .25rem !important; + padding-left: .25rem !important; +} +.px-lg-2 { + padding-right: .5rem !important; + padding-left: .5rem !important; +} +.px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; +} +.px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; +} +.px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; +} +.py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.py-lg-1 { + padding-top: .25rem !important; + padding-bottom: .25rem !important; +} +.py-lg-2 { + padding-top: .5rem !important; + padding-bottom: .5rem !important; +} +.py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} +.py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} +.py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} +.pt-lg-0 { + padding-top: 0 !important; +} +.pt-lg-1 { + padding-top: .25rem !important; +} +.pt-lg-2 { + padding-top: .5rem !important; +} +.pt-lg-3 { + padding-top: 1rem !important; +} +.pt-lg-4 { + padding-top: 1.5rem !important; +} +.pt-lg-5 { + padding-top: 3rem !important; +} +.pe-lg-0 { + padding-right: 0 !important; +} +.pe-lg-1 { + padding-right: .25rem !important; +} +.pe-lg-2 { + padding-right: .5rem !important; +} +.pe-lg-3 { + padding-right: 1rem !important; +} +.pe-lg-4 { + padding-right: 1.5rem !important; +} +.pe-lg-5 { + padding-right: 3rem !important; +} +.pb-lg-0 { + padding-bottom: 0 !important; +} +.pb-lg-1 { + padding-bottom: .25rem !important; +} +.pb-lg-2 { + padding-bottom: .5rem !important; +} +.pb-lg-3 { + padding-bottom: 1rem !important; +} +.pb-lg-4 { + padding-bottom: 1.5rem !important; +} +.pb-lg-5 { + padding-bottom: 3rem !important; +} +.ps-lg-0 { + padding-left: 0 !important; +} +.ps-lg-1 { + padding-left: .25rem !important; +} +.ps-lg-2 { + padding-left: .5rem !important; +} +.ps-lg-3 { + padding-left: 1rem !important; +} +.ps-lg-4 { + padding-left: 1.5rem !important; +} +.ps-lg-5 { + padding-left: 3rem !important; +} +.text-lg-start { + text-align: left !important; +} +.text-lg-end { + text-align: right !important; +} +.text-lg-center { + text-align: center !important; +} +}@media(min-width:1200px) { + .float-xl-start { + float: left !important; +} +.float-xl-end { + float: right !important; +} +.float-xl-none { + float: none !important; +} +.d-xl-inline { + display: inline !important; +} +.d-xl-inline-block { + display: inline-block !important; +} +.d-xl-block { + display: block !important; +} +.d-xl-grid { + display: grid !important; +} +.d-xl-table { + display: table !important; +} +.d-xl-table-row { + display: table-row !important; +} +.d-xl-table-cell { + display: table-cell !important; +} +.d-xl-flex { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; +} +.d-xl-inline-flex { + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} +.d-xl-none { + display: none !important; +} +.flex-xl-fill { + -webkit-box-flex: 1 !important; + -webkit-flex: 1 1 auto !important; + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; +} +.flex-xl-row { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: row !important; + -ms-flex-direction: row !important; + flex-direction: row !important; +} +.flex-xl-column { + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: column !important; + -ms-flex-direction: column !important; + flex-direction: column !important; +} +.flex-xl-row-reverse { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: row-reverse !important; + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; +} +.flex-xl-column-reverse { + -webkit-box-orient: vertical !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: column-reverse !important; + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; +} +.flex-xl-grow-0 { + -webkit-box-flex: 0 !important; + -webkit-flex-grow: 0 !important; + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; +} +.flex-xl-grow-1 { + -webkit-box-flex: 1 !important; + -webkit-flex-grow: 1 !important; + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; +} +.flex-xl-shrink-0 { + -webkit-flex-shrink: 0 !important; + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; +} +.flex-xl-shrink-1 { + -webkit-flex-shrink: 1 !important; + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; +} +.flex-xl-wrap { + -webkit-flex-wrap: wrap !important; + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; +} +.flex-xl-nowrap { + -webkit-flex-wrap: nowrap !important; + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; +} +.flex-xl-wrap-reverse { + -webkit-flex-wrap: wrap-reverse !important; + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; +} +.gap-xl-0 { + gap: 0 !important; +} +.gap-xl-1 { + gap: .25rem !important; +} +.gap-xl-2 { + gap: .5rem !important; +} +.gap-xl-3 { + gap: 1rem !important; +} +.gap-xl-4 { + gap: 1.5rem !important; +} +.gap-xl-5 { + gap: 3rem !important; +} +.justify-content-xl-start { + -webkit-box-pack: start !important; + -webkit-justify-content: flex-start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} +.justify-content-xl-end { + -webkit-box-pack: end !important; + -webkit-justify-content: flex-end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} +.justify-content-xl-center { + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; +} +.justify-content-xl-between { + -webkit-box-pack: justify !important; + -webkit-justify-content: space-between !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} +.justify-content-xl-around { + -webkit-justify-content: space-around !important; + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} +.justify-content-xl-evenly { + -webkit-box-pack: space-evenly !important; + -webkit-justify-content: space-evenly !important; + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; +} +.align-items-xl-start { + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; +} +.align-items-xl-end { + -webkit-box-align: end !important; + -webkit-align-items: flex-end !important; + -ms-flex-align: end !important; + align-items: flex-end !important; +} +.align-items-xl-center { + -webkit-box-align: center !important; + -webkit-align-items: center !important; + -ms-flex-align: center !important; + align-items: center !important; +} +.align-items-xl-baseline { + -webkit-box-align: baseline !important; + -webkit-align-items: baseline !important; + -ms-flex-align: baseline !important; + align-items: baseline !important; +} +.align-items-xl-stretch { + -webkit-box-align: stretch !important; + -webkit-align-items: stretch !important; + -ms-flex-align: stretch !important; + align-items: stretch !important; +} +.align-content-xl-start { + -webkit-align-content: flex-start !important; + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} +.align-content-xl-end { + -webkit-align-content: flex-end !important; + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} +.align-content-xl-center { + -webkit-align-content: center !important; + -ms-flex-line-pack: center !important; + align-content: center !important; +} +.align-content-xl-between { + -webkit-align-content: space-between !important; + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} +.align-content-xl-around { + -webkit-align-content: space-around !important; + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} +.align-content-xl-stretch { + -webkit-align-content: stretch !important; + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} +.align-self-xl-auto { + -webkit-align-self: auto !important; + -ms-flex-item-align: auto !important; + align-self: auto !important; +} +.align-self-xl-start { + -webkit-align-self: flex-start !important; + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} +.align-self-xl-end { + -webkit-align-self: flex-end !important; + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} +.align-self-xl-center { + -webkit-align-self: center !important; + -ms-flex-item-align: center !important; + align-self: center !important; +} +.align-self-xl-baseline { + -webkit-align-self: baseline !important; + -ms-flex-item-align: baseline !important; + align-self: baseline !important; +} +.align-self-xl-stretch { + -webkit-align-self: stretch !important; + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} +.order-xl-first { + -webkit-box-ordinal-group: 0 !important; + -webkit-order: -1 !important; + -ms-flex-order: -1 !important; + order: -1 !important; +} +.order-xl-0 { + -webkit-box-ordinal-group: 1 !important; + -webkit-order: 0 !important; + -ms-flex-order: 0 !important; + order: 0 !important; +} +.order-xl-1 { + -webkit-box-ordinal-group: 2 !important; + -webkit-order: 1 !important; + -ms-flex-order: 1 !important; + order: 1 !important; +} +.order-xl-2 { + -webkit-box-ordinal-group: 3 !important; + -webkit-order: 2 !important; + -ms-flex-order: 2 !important; + order: 2 !important; +} +.order-xl-3 { + -webkit-box-ordinal-group: 4 !important; + -webkit-order: 3 !important; + -ms-flex-order: 3 !important; + order: 3 !important; +} +.order-xl-4 { + -webkit-box-ordinal-group: 5 !important; + -webkit-order: 4 !important; + -ms-flex-order: 4 !important; + order: 4 !important; +} +.order-xl-5 { + -webkit-box-ordinal-group: 6 !important; + -webkit-order: 5 !important; + -ms-flex-order: 5 !important; + order: 5 !important; +} +.order-xl-last { + -webkit-box-ordinal-group: 7 !important; + -webkit-order: 6 !important; + -ms-flex-order: 6 !important; + order: 6 !important; +} +.m-xl-0 { + margin: 0 !important; +} +.m-xl-1 { + margin: .25rem !important; +} +.m-xl-2 { + margin: .5rem !important; +} +.m-xl-3 { + margin: 1rem !important; +} +.m-xl-4 { + margin: 1.5rem !important; +} +.m-xl-5 { + margin: 3rem !important; +} +.m-xl-auto { + margin: auto !important; +} +.mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} +.mx-xl-1 { + margin-right: .25rem !important; + margin-left: .25rem !important; +} +.mx-xl-2 { + margin-right: .5rem !important; + margin-left: .5rem !important; +} +.mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} +.mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; +} +.mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; +} +.mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; +} +.my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.my-xl-1 { + margin-top: .25rem !important; + margin-bottom: .25rem !important; +} +.my-xl-2 { + margin-top: .5rem !important; + margin-bottom: .5rem !important; +} +.my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} +.my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} +.my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} +.my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} +.mt-xl-0 { + margin-top: 0 !important; +} +.mt-xl-1 { + margin-top: .25rem !important; +} +.mt-xl-2 { + margin-top: .5rem !important; +} +.mt-xl-3 { + margin-top: 1rem !important; +} +.mt-xl-4 { + margin-top: 1.5rem !important; +} +.mt-xl-5 { + margin-top: 3rem !important; +} +.mt-xl-auto { + margin-top: auto !important; +} +.me-xl-0 { + margin-right: 0 !important; +} +.me-xl-1 { + margin-right: .25rem !important; +} +.me-xl-2 { + margin-right: .5rem !important; +} +.me-xl-3 { + margin-right: 1rem !important; +} +.me-xl-4 { + margin-right: 1.5rem !important; +} +.me-xl-5 { + margin-right: 3rem !important; +} +.me-xl-auto { + margin-right: auto !important; +} +.mb-xl-0 { + margin-bottom: 0 !important; +} +.mb-xl-1 { + margin-bottom: .25rem !important; +} +.mb-xl-2 { + margin-bottom: .5rem !important; +} +.mb-xl-3 { + margin-bottom: 1rem !important; +} +.mb-xl-4 { + margin-bottom: 1.5rem !important; +} +.mb-xl-5 { + margin-bottom: 3rem !important; +} +.mb-xl-auto { + margin-bottom: auto !important; +} +.ms-xl-0 { + margin-left: 0 !important; +} +.ms-xl-1 { + margin-left: .25rem !important; +} +.ms-xl-2 { + margin-left: .5rem !important; +} +.ms-xl-3 { + margin-left: 1rem !important; +} +.ms-xl-4 { + margin-left: 1.5rem !important; +} +.ms-xl-5 { + margin-left: 3rem !important; +} +.ms-xl-auto { + margin-left: auto !important; +} +.p-xl-0 { + padding: 0 !important; +} +.p-xl-1 { + padding: .25rem !important; +} +.p-xl-2 { + padding: .5rem !important; +} +.p-xl-3 { + padding: 1rem !important; +} +.p-xl-4 { + padding: 1.5rem !important; +} +.p-xl-5 { + padding: 3rem !important; +} +.px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} +.px-xl-1 { + padding-right: .25rem !important; + padding-left: .25rem !important; +} +.px-xl-2 { + padding-right: .5rem !important; + padding-left: .5rem !important; +} +.px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; +} +.px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; +} +.px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; +} +.py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.py-xl-1 { + padding-top: .25rem !important; + padding-bottom: .25rem !important; +} +.py-xl-2 { + padding-top: .5rem !important; + padding-bottom: .5rem !important; +} +.py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} +.py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} +.py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} +.pt-xl-0 { + padding-top: 0 !important; +} +.pt-xl-1 { + padding-top: .25rem !important; +} +.pt-xl-2 { + padding-top: .5rem !important; +} +.pt-xl-3 { + padding-top: 1rem !important; +} +.pt-xl-4 { + padding-top: 1.5rem !important; +} +.pt-xl-5 { + padding-top: 3rem !important; +} +.pe-xl-0 { + padding-right: 0 !important; +} +.pe-xl-1 { + padding-right: .25rem !important; +} +.pe-xl-2 { + padding-right: .5rem !important; +} +.pe-xl-3 { + padding-right: 1rem !important; +} +.pe-xl-4 { + padding-right: 1.5rem !important; +} +.pe-xl-5 { + padding-right: 3rem !important; +} +.pb-xl-0 { + padding-bottom: 0 !important; +} +.pb-xl-1 { + padding-bottom: .25rem !important; +} +.pb-xl-2 { + padding-bottom: .5rem !important; +} +.pb-xl-3 { + padding-bottom: 1rem !important; +} +.pb-xl-4 { + padding-bottom: 1.5rem !important; +} +.pb-xl-5 { + padding-bottom: 3rem !important; +} +.ps-xl-0 { + padding-left: 0 !important; +} +.ps-xl-1 { + padding-left: .25rem !important; +} +.ps-xl-2 { + padding-left: .5rem !important; +} +.ps-xl-3 { + padding-left: 1rem !important; +} +.ps-xl-4 { + padding-left: 1.5rem !important; +} +.ps-xl-5 { + padding-left: 3rem !important; +} +.text-xl-start { + text-align: left !important; +} +.text-xl-end { + text-align: right !important; +} +.text-xl-center { + text-align: center !important; +} +}@media(min-width:1400px) { + .float-xxl-start { + float: left !important; +} +.float-xxl-end { + float: right !important; +} +.float-xxl-none { + float: none !important; +} +.d-xxl-inline { + display: inline !important; +} +.d-xxl-inline-block { + display: inline-block !important; +} +.d-xxl-block { + display: block !important; +} +.d-xxl-grid { + display: grid !important; +} +.d-xxl-table { + display: table !important; +} +.d-xxl-table-row { + display: table-row !important; +} +.d-xxl-table-cell { + display: table-cell !important; +} +.d-xxl-flex { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; +} +.d-xxl-inline-flex { + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} +.d-xxl-none { + display: none !important; +} +.flex-xxl-fill { + -webkit-box-flex: 1 !important; + -webkit-flex: 1 1 auto !important; + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; +} +.flex-xxl-row { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: row !important; + -ms-flex-direction: row !important; + flex-direction: row !important; +} +.flex-xxl-column { + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: column !important; + -ms-flex-direction: column !important; + flex-direction: column !important; +} +.flex-xxl-row-reverse { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: row-reverse !important; + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; +} +.flex-xxl-column-reverse { + -webkit-box-orient: vertical !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: column-reverse !important; + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; +} +.flex-xxl-grow-0 { + -webkit-box-flex: 0 !important; + -webkit-flex-grow: 0 !important; + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; +} +.flex-xxl-grow-1 { + -webkit-box-flex: 1 !important; + -webkit-flex-grow: 1 !important; + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; +} +.flex-xxl-shrink-0 { + -webkit-flex-shrink: 0 !important; + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; +} +.flex-xxl-shrink-1 { + -webkit-flex-shrink: 1 !important; + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; +} +.flex-xxl-wrap { + -webkit-flex-wrap: wrap !important; + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; +} +.flex-xxl-nowrap { + -webkit-flex-wrap: nowrap !important; + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; +} +.flex-xxl-wrap-reverse { + -webkit-flex-wrap: wrap-reverse !important; + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; +} +.gap-xxl-0 { + gap: 0 !important; +} +.gap-xxl-1 { + gap: .25rem !important; +} +.gap-xxl-2 { + gap: .5rem !important; +} +.gap-xxl-3 { + gap: 1rem !important; +} +.gap-xxl-4 { + gap: 1.5rem !important; +} +.gap-xxl-5 { + gap: 3rem !important; +} +.justify-content-xxl-start { + -webkit-box-pack: start !important; + -webkit-justify-content: flex-start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} +.justify-content-xxl-end { + -webkit-box-pack: end !important; + -webkit-justify-content: flex-end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} +.justify-content-xxl-center { + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; +} +.justify-content-xxl-between { + -webkit-box-pack: justify !important; + -webkit-justify-content: space-between !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} +.justify-content-xxl-around { + -webkit-justify-content: space-around !important; + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} +.justify-content-xxl-evenly { + -webkit-box-pack: space-evenly !important; + -webkit-justify-content: space-evenly !important; + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; +} +.align-items-xxl-start { + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; +} +.align-items-xxl-end { + -webkit-box-align: end !important; + -webkit-align-items: flex-end !important; + -ms-flex-align: end !important; + align-items: flex-end !important; +} +.align-items-xxl-center { + -webkit-box-align: center !important; + -webkit-align-items: center !important; + -ms-flex-align: center !important; + align-items: center !important; +} +.align-items-xxl-baseline { + -webkit-box-align: baseline !important; + -webkit-align-items: baseline !important; + -ms-flex-align: baseline !important; + align-items: baseline !important; +} +.align-items-xxl-stretch { + -webkit-box-align: stretch !important; + -webkit-align-items: stretch !important; + -ms-flex-align: stretch !important; + align-items: stretch !important; +} +.align-content-xxl-start { + -webkit-align-content: flex-start !important; + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} +.align-content-xxl-end { + -webkit-align-content: flex-end !important; + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} +.align-content-xxl-center { + -webkit-align-content: center !important; + -ms-flex-line-pack: center !important; + align-content: center !important; +} +.align-content-xxl-between { + -webkit-align-content: space-between !important; + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} +.align-content-xxl-around { + -webkit-align-content: space-around !important; + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} +.align-content-xxl-stretch { + -webkit-align-content: stretch !important; + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} +.align-self-xxl-auto { + -webkit-align-self: auto !important; + -ms-flex-item-align: auto !important; + align-self: auto !important; +} +.align-self-xxl-start { + -webkit-align-self: flex-start !important; + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} +.align-self-xxl-end { + -webkit-align-self: flex-end !important; + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} +.align-self-xxl-center { + -webkit-align-self: center !important; + -ms-flex-item-align: center !important; + align-self: center !important; +} +.align-self-xxl-baseline { + -webkit-align-self: baseline !important; + -ms-flex-item-align: baseline !important; + align-self: baseline !important; +} +.align-self-xxl-stretch { + -webkit-align-self: stretch !important; + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} +.order-xxl-first { + -webkit-box-ordinal-group: 0 !important; + -webkit-order: -1 !important; + -ms-flex-order: -1 !important; + order: -1 !important; +} +.order-xxl-0 { + -webkit-box-ordinal-group: 1 !important; + -webkit-order: 0 !important; + -ms-flex-order: 0 !important; + order: 0 !important; +} +.order-xxl-1 { + -webkit-box-ordinal-group: 2 !important; + -webkit-order: 1 !important; + -ms-flex-order: 1 !important; + order: 1 !important; +} +.order-xxl-2 { + -webkit-box-ordinal-group: 3 !important; + -webkit-order: 2 !important; + -ms-flex-order: 2 !important; + order: 2 !important; +} +.order-xxl-3 { + -webkit-box-ordinal-group: 4 !important; + -webkit-order: 3 !important; + -ms-flex-order: 3 !important; + order: 3 !important; +} +.order-xxl-4 { + -webkit-box-ordinal-group: 5 !important; + -webkit-order: 4 !important; + -ms-flex-order: 4 !important; + order: 4 !important; +} +.order-xxl-5 { + -webkit-box-ordinal-group: 6 !important; + -webkit-order: 5 !important; + -ms-flex-order: 5 !important; + order: 5 !important; +} +.order-xxl-last { + -webkit-box-ordinal-group: 7 !important; + -webkit-order: 6 !important; + -ms-flex-order: 6 !important; + order: 6 !important; +} +.m-xxl-0 { + margin: 0 !important; +} +.m-xxl-1 { + margin: .25rem !important; +} +.m-xxl-2 { + margin: .5rem !important; +} +.m-xxl-3 { + margin: 1rem !important; +} +.m-xxl-4 { + margin: 1.5rem !important; +} +.m-xxl-5 { + margin: 3rem !important; +} +.m-xxl-auto { + margin: auto !important; +} +.mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} +.mx-xxl-1 { + margin-right: .25rem !important; + margin-left: .25rem !important; +} +.mx-xxl-2 { + margin-right: .5rem !important; + margin-left: .5rem !important; +} +.mx-xxl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} +.mx-xxl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; +} +.mx-xxl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; +} +.mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; +} +.my-xxl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.my-xxl-1 { + margin-top: .25rem !important; + margin-bottom: .25rem !important; +} +.my-xxl-2 { + margin-top: .5rem !important; + margin-bottom: .5rem !important; +} +.my-xxl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} +.my-xxl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} +.my-xxl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} +.my-xxl-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} +.mt-xxl-0 { + margin-top: 0 !important; +} +.mt-xxl-1 { + margin-top: .25rem !important; +} +.mt-xxl-2 { + margin-top: .5rem !important; +} +.mt-xxl-3 { + margin-top: 1rem !important; +} +.mt-xxl-4 { + margin-top: 1.5rem !important; +} +.mt-xxl-5 { + margin-top: 3rem !important; +} +.mt-xxl-auto { + margin-top: auto !important; +} +.me-xxl-0 { + margin-right: 0 !important; +} +.me-xxl-1 { + margin-right: .25rem !important; +} +.me-xxl-2 { + margin-right: .5rem !important; +} +.me-xxl-3 { + margin-right: 1rem !important; +} +.me-xxl-4 { + margin-right: 1.5rem !important; +} +.me-xxl-5 { + margin-right: 3rem !important; +} +.me-xxl-auto { + margin-right: auto !important; +} +.mb-xxl-0 { + margin-bottom: 0 !important; +} +.mb-xxl-1 { + margin-bottom: .25rem !important; +} +.mb-xxl-2 { + margin-bottom: .5rem !important; +} +.mb-xxl-3 { + margin-bottom: 1rem !important; +} +.mb-xxl-4 { + margin-bottom: 1.5rem !important; +} +.mb-xxl-5 { + margin-bottom: 3rem !important; +} +.mb-xxl-auto { + margin-bottom: auto !important; +} +.ms-xxl-0 { + margin-left: 0 !important; +} +.ms-xxl-1 { + margin-left: .25rem !important; +} +.ms-xxl-2 { + margin-left: .5rem !important; +} +.ms-xxl-3 { + margin-left: 1rem !important; +} +.ms-xxl-4 { + margin-left: 1.5rem !important; +} +.ms-xxl-5 { + margin-left: 3rem !important; +} +.ms-xxl-auto { + margin-left: auto !important; +} +.p-xxl-0 { + padding: 0 !important; +} +.p-xxl-1 { + padding: .25rem !important; +} +.p-xxl-2 { + padding: .5rem !important; +} +.p-xxl-3 { + padding: 1rem !important; +} +.p-xxl-4 { + padding: 1.5rem !important; +} +.p-xxl-5 { + padding: 3rem !important; +} +.px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} +.px-xxl-1 { + padding-right: .25rem !important; + padding-left: .25rem !important; +} +.px-xxl-2 { + padding-right: .5rem !important; + padding-left: .5rem !important; +} +.px-xxl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; +} +.px-xxl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; +} +.px-xxl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; +} +.py-xxl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.py-xxl-1 { + padding-top: .25rem !important; + padding-bottom: .25rem !important; +} +.py-xxl-2 { + padding-top: .5rem !important; + padding-bottom: .5rem !important; +} +.py-xxl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} +.py-xxl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} +.py-xxl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} +.pt-xxl-0 { + padding-top: 0 !important; +} +.pt-xxl-1 { + padding-top: .25rem !important; +} +.pt-xxl-2 { + padding-top: .5rem !important; +} +.pt-xxl-3 { + padding-top: 1rem !important; +} +.pt-xxl-4 { + padding-top: 1.5rem !important; +} +.pt-xxl-5 { + padding-top: 3rem !important; +} +.pe-xxl-0 { + padding-right: 0 !important; +} +.pe-xxl-1 { + padding-right: .25rem !important; +} +.pe-xxl-2 { + padding-right: .5rem !important; +} +.pe-xxl-3 { + padding-right: 1rem !important; +} +.pe-xxl-4 { + padding-right: 1.5rem !important; +} +.pe-xxl-5 { + padding-right: 3rem !important; +} +.pb-xxl-0 { + padding-bottom: 0 !important; +} +.pb-xxl-1 { + padding-bottom: .25rem !important; +} +.pb-xxl-2 { + padding-bottom: .5rem !important; +} +.pb-xxl-3 { + padding-bottom: 1rem !important; +} +.pb-xxl-4 { + padding-bottom: 1.5rem !important; +} +.pb-xxl-5 { + padding-bottom: 3rem !important; +} +.ps-xxl-0 { + padding-left: 0 !important; +} +.ps-xxl-1 { + padding-left: .25rem !important; +} +.ps-xxl-2 { + padding-left: .5rem !important; +} +.ps-xxl-3 { + padding-left: 1rem !important; +} +.ps-xxl-4 { + padding-left: 1.5rem !important; +} +.ps-xxl-5 { + padding-left: 3rem !important; +} +.text-xxl-start { + text-align: left !important; +} +.text-xxl-end { + text-align: right !important; +} +.text-xxl-center { + text-align: center !important; +} +}@media(min-width:1200px) { + .fs-1 { + font-size: 2.5rem !important; +} +.fs-2 { + font-size: 2rem !important; +} +.fs-3 { + font-size: 1.75rem !important; +} +.fs-4 { + font-size: 1.5rem !important; +} +}@media print { + .d-print-inline { + display: inline !important; +} +.d-print-inline-block { + display: inline-block !important; +} +.d-print-block { + display: block !important; +} +.d-print-grid { + display: grid !important; +} +.d-print-table { + display: table !important; +} +.d-print-table-row { + display: table-row !important; +} +.d-print-table-cell { + display: table-cell !important; +} +.d-print-flex { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; +} +.d-print-inline-flex { + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} +.d-print-none { + display: none !important; +} +} \ No newline at end of file diff --git a/public/assets/css/vendor/bootstrap.rtl.min.css b/public/assets/css/vendor/bootstrap.rtl.min.css new file mode 100644 index 0000000..2e8877c --- /dev/null +++ b/public/assets/css/vendor/bootstrap.rtl.min.css @@ -0,0 +1,3930 @@ +@charset "UTF-8";/*! + * Bootstrap v5.0.2 (https://getbootstrap.com/) + * Copyright 2011-2021 The Bootstrap Authors + * Copyright 2011-2021 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */:root { + --bs-blue: #0d6efd; + --bs-indigo: #6610f2; + --bs-purple: #6f42c1; + --bs-pink: #d63384; + --bs-red: #dc3545; + --bs-orange: #fd7e14; + --bs-yellow: #ffc107; + --bs-green: #198754; + --bs-teal: #20c997; + --bs-cyan: #0dcaf0; + --bs-white: #fff; + --bs-gray: #6c757d; + --bs-gray-dark: #343a40; + --bs-primary: #0d6efd; + --bs-secondary: #6c757d; + --bs-success: #198754; + --bs-info: #0dcaf0; + --bs-warning: #ffc107; + --bs-danger: #dc3545; + --bs-light: #f8f9fa; + --bs-dark: #212529; + --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); +} +*, ::after, ::before { + box-sizing: border-box; +} +@media (prefers-reduced-motion:no-preference) { + :root { + scroll-behavior: smooth; +} +}body { + margin: 0; + font-family: var(--bs-font-sans-serif); + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + background-color: #fff; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: transparent; +} +hr { + margin: 1rem 0; + color: inherit; + background-color: currentColor; + border: 0; + opacity: .25; +} +hr:not([size]) { + height: 1px; +} +.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: .5rem; + font-weight: 500; + line-height: 1.2; +} +.h1, h1 { + font-size: calc(1.375rem + 1.5vw); +} +@media (min-width:1200px) { + .h1, h1 { + font-size: 2.5rem; +} +}.h2, h2 { + font-size: calc(1.325rem + .9vw); +} +@media (min-width:1200px) { + .h2, h2 { + font-size: 2rem; +} +}.h3, h3 { + font-size: calc(1.3rem + .6vw); +} +@media (min-width:1200px) { + .h3, h3 { + font-size: 1.75rem; +} +}.h4, h4 { + font-size: calc(1.275rem + .3vw); +} +@media (min-width:1200px) { + .h4, h4 { + font-size: 1.5rem; +} +}.h5, h5 { + font-size: 1.25rem; +} +.h6, h6 { + font-size: 1rem; +} +p { + margin-top: 0; + margin-bottom: 1rem; +} +abbr[data-bs-original-title], abbr[title] { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none; +} +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} +ol, ul { + padding-right: 2rem; +} +dl, ol, ul { + margin-top: 0; + margin-bottom: 1rem; +} +ol ol, ol ul, ul ol, ul ul { + margin-bottom: 0; +} +dt { + font-weight: 700; +} +dd { + margin-bottom: .5rem; + margin-right: 0; +} +blockquote { + margin: 0 0 1rem; +} +b, strong { + font-weight: bolder; +} +.small, small { + font-size: .875em; +} +.mark, mark { + padding: .2em; + background-color: #fcf8e3; +} +sub, sup { + position: relative; + font-size: .75em; + line-height: 0; + vertical-align: baseline; +} +sub { + bottom: -.25em; +} +sup { + top: -.5em; +} +a { + color: #0d6efd; + text-decoration: underline; +} +a:hover { + color: #0a58ca; +} +a:not([href]):not([class]), a:not([href]):not([class]):hover { + color: inherit; + text-decoration: none; +} +code, kbd, pre, samp { + font-family: var(--bs-font-monospace); + font-size: 1em; + direction: ltr; + unicode-bidi: bidi-override; +} +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + font-size: .875em; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} +code { + font-size: .875em; + color: #d63384; + word-wrap: break-word; +} +a>code { + color: inherit; +} +kbd { + padding: .2rem .4rem; + font-size: .875em; + color: #fff; + background-color: #212529; + border-radius: .2rem; +} +kbd kbd { + padding: 0; + font-size: 1em; + font-weight: 700; +} +figure { + margin: 0 0 1rem; +} +img, svg { + vertical-align: middle; +} +table { + caption-side: bottom; + border-collapse: collapse; +} +caption { + padding-top: .5rem; + padding-bottom: .5rem; + color: #6c757d; + text-align: right; +} +th { + text-align: inherit; + text-align: -webkit-match-parent; +} +tbody, td, tfoot, th, thead, tr { + border-color: inherit; + border-style: solid; + border-width: 0; +} +label { + display: inline-block; +} +button { + border-radius: 0; +} +button:focus:not(:focus-visible) { + outline: 0; +} +button, input, optgroup, select, textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +button, select { + text-transform: none; +} +[role=button] { + cursor: pointer; +} +select { + word-wrap: normal; +} +select:disabled { + opacity: 1; +} +[list]::-webkit-calendar-picker-indicator { + display: none; +} +[type=button], [type=reset], [type=submit], button { + -webkit-appearance: button; +} +[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { + cursor: pointer; +} +::-moz-focus-inner { + padding: 0; + border-style: none; +} +textarea { + resize: vertical; +} +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} +legend { + float: right; + width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: calc(1.275rem + .3vw); + line-height: inherit; +} +@media (min-width:1200px) { + legend { + font-size: 1.5rem; +} +}legend+* { + clear: right; +} +::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { + padding: 0; +} +::-webkit-inner-spin-button { + height: auto; +} +[type=search] { + outline-offset: -2px; + -webkit-appearance: textfield; +} +[type=email], [type=number], [type=tel], [type=url] { + direction: ltr; +} +::-webkit-search-decoration { + -webkit-appearance: none; +} +::-webkit-color-swatch-wrapper { + padding: 0; +} +::file-selector-button { + font: inherit; +} +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} +output { + display: inline-block; +} +iframe { + border: 0; +} +summary { + display: list-item; + cursor: pointer; +} +progress { + vertical-align: baseline; +} +[hidden] { + display: none!important; +} +.lead { + font-size: 1.25rem; + font-weight: 300; +} +.display-1 { + font-size: calc(1.625rem + 4.5vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width:1200px) { + .display-1 { + font-size: 5rem; +} +}.display-2 { + font-size: calc(1.575rem + 3.9vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width:1200px) { + .display-2 { + font-size: 4.5rem; +} +}.display-3 { + font-size: calc(1.525rem + 3.3vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width:1200px) { + .display-3 { + font-size: 4rem; +} +}.display-4 { + font-size: calc(1.475rem + 2.7vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width:1200px) { + .display-4 { + font-size: 3.5rem; +} +}.display-5 { + font-size: calc(1.425rem + 2.1vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width:1200px) { + .display-5 { + font-size: 3rem; +} +}.display-6 { + font-size: calc(1.375rem + 1.5vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width:1200px) { + .display-6 { + font-size: 2.5rem; +} +}.list-unstyled { + padding-right: 0; + list-style: none; +} +.list-inline { + padding-right: 0; + list-style: none; +} +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-left: .5rem; +} +.initialism { + font-size: .875em; + text-transform: uppercase; +} +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} +.blockquote>:last-child { + margin-bottom: 0; +} +.blockquote-footer { + margin-top: -1rem; + margin-bottom: 1rem; + font-size: .875em; + color: #6c757d; +} +.blockquote-footer::before { + content: "— "} +.img-fluid { + max-width: 100%; + height: auto; +} +.img-thumbnail { + padding: .25rem; + background-color: #fff; + border: 1px solid #dee2e6; + border-radius: .25rem; + max-width: 100%; + height: auto; +} +.figure { + display: inline-block; +} +.figure-img { + margin-bottom: .5rem; + line-height: 1; +} +.figure-caption { + font-size: .875em; + color: #6c757d; +} +.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { + width: 100%; + padding-left: var(--bs-gutter-x, .75rem); + padding-right: var(--bs-gutter-x, .75rem); + margin-left: auto; + margin-right: auto; +} +@media (min-width:576px) { + .container, .container-sm { + max-width: 540px; +} +}@media (min-width:768px) { + .container, .container-md, .container-sm { + max-width: 720px; +} +}@media (min-width:992px) { + .container, .container-lg, .container-md, .container-sm { + max-width: 960px; +} +}@media (min-width:1200px) { + .container, .container-lg, .container-md, .container-sm, .container-xl { + max-width: 1140px; +} +}@media (min-width:1400px) { + .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { + max-width: 1320px; +} +}.row { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + display: flex; + flex-wrap: wrap; + margin-top: calc(var(--bs-gutter-y) * -1); + margin-left: calc(var(--bs-gutter-x) * -.5); + margin-right: calc(var(--bs-gutter-x) * -.5); +} +.row>* { + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-left: calc(var(--bs-gutter-x) * .5); + padding-right: calc(var(--bs-gutter-x) * .5); + margin-top: var(--bs-gutter-y); +} +.col { + flex: 1 0 0%} +.row-cols-auto>* { + flex: 0 0 auto; + width: auto; +} +.row-cols-1>* { + flex: 0 0 auto; + width: 100%} +.row-cols-2>* { + flex: 0 0 auto; + width: 50%} +.row-cols-3>* { + flex: 0 0 auto; + width: 33.3333333333%} +.row-cols-4>* { + flex: 0 0 auto; + width: 25%} +.row-cols-5>* { + flex: 0 0 auto; + width: 20%} +.row-cols-6>* { + flex: 0 0 auto; + width: 16.6666666667%} +@media (min-width:576px) { + .col-sm { + flex: 1 0 0%} +.row-cols-sm-auto>* { + flex: 0 0 auto; + width: auto; +} +.row-cols-sm-1>* { + flex: 0 0 auto; + width: 100%} +.row-cols-sm-2>* { + flex: 0 0 auto; + width: 50%} +.row-cols-sm-3>* { + flex: 0 0 auto; + width: 33.3333333333%} +.row-cols-sm-4>* { + flex: 0 0 auto; + width: 25%} +.row-cols-sm-5>* { + flex: 0 0 auto; + width: 20%} +.row-cols-sm-6>* { + flex: 0 0 auto; + width: 16.6666666667%} +}@media (min-width:768px) { + .col-md { + flex: 1 0 0%} +.row-cols-md-auto>* { + flex: 0 0 auto; + width: auto; +} +.row-cols-md-1>* { + flex: 0 0 auto; + width: 100%} +.row-cols-md-2>* { + flex: 0 0 auto; + width: 50%} +.row-cols-md-3>* { + flex: 0 0 auto; + width: 33.3333333333%} +.row-cols-md-4>* { + flex: 0 0 auto; + width: 25%} +.row-cols-md-5>* { + flex: 0 0 auto; + width: 20%} +.row-cols-md-6>* { + flex: 0 0 auto; + width: 16.6666666667%} +}@media (min-width:992px) { + .col-lg { + flex: 1 0 0%} +.row-cols-lg-auto>* { + flex: 0 0 auto; + width: auto; +} +.row-cols-lg-1>* { + flex: 0 0 auto; + width: 100%} +.row-cols-lg-2>* { + flex: 0 0 auto; + width: 50%} +.row-cols-lg-3>* { + flex: 0 0 auto; + width: 33.3333333333%} +.row-cols-lg-4>* { + flex: 0 0 auto; + width: 25%} +.row-cols-lg-5>* { + flex: 0 0 auto; + width: 20%} +.row-cols-lg-6>* { + flex: 0 0 auto; + width: 16.6666666667%} +}@media (min-width:1200px) { + .col-xl { + flex: 1 0 0%} +.row-cols-xl-auto>* { + flex: 0 0 auto; + width: auto; +} +.row-cols-xl-1>* { + flex: 0 0 auto; + width: 100%} +.row-cols-xl-2>* { + flex: 0 0 auto; + width: 50%} +.row-cols-xl-3>* { + flex: 0 0 auto; + width: 33.3333333333%} +.row-cols-xl-4>* { + flex: 0 0 auto; + width: 25%} +.row-cols-xl-5>* { + flex: 0 0 auto; + width: 20%} +.row-cols-xl-6>* { + flex: 0 0 auto; + width: 16.6666666667%} +}@media (min-width:1400px) { + .col-xxl { + flex: 1 0 0%} +.row-cols-xxl-auto>* { + flex: 0 0 auto; + width: auto; +} +.row-cols-xxl-1>* { + flex: 0 0 auto; + width: 100%} +.row-cols-xxl-2>* { + flex: 0 0 auto; + width: 50%} +.row-cols-xxl-3>* { + flex: 0 0 auto; + width: 33.3333333333%} +.row-cols-xxl-4>* { + flex: 0 0 auto; + width: 25%} +.row-cols-xxl-5>* { + flex: 0 0 auto; + width: 20%} +.row-cols-xxl-6>* { + flex: 0 0 auto; + width: 16.6666666667%} +}.col-auto { + flex: 0 0 auto; + width: auto; +} +.col-1 { + flex: 0 0 auto; + width: 8.33333333%} +.col-2 { + flex: 0 0 auto; + width: 16.66666667%} +.col-3 { + flex: 0 0 auto; + width: 25%} +.col-4 { + flex: 0 0 auto; + width: 33.33333333%} +.col-5 { + flex: 0 0 auto; + width: 41.66666667%} +.col-6 { + flex: 0 0 auto; + width: 50%} +.col-7 { + flex: 0 0 auto; + width: 58.33333333%} +.col-8 { + flex: 0 0 auto; + width: 66.66666667%} +.col-9 { + flex: 0 0 auto; + width: 75%} +.col-10 { + flex: 0 0 auto; + width: 83.33333333%} +.col-11 { + flex: 0 0 auto; + width: 91.66666667%} +.col-12 { + flex: 0 0 auto; + width: 100%} +.offset-1 { + margin-right: 8.33333333%} +.offset-2 { + margin-right: 16.66666667%} +.offset-3 { + margin-right: 25%} +.offset-4 { + margin-right: 33.33333333%} +.offset-5 { + margin-right: 41.66666667%} +.offset-6 { + margin-right: 50%} +.offset-7 { + margin-right: 58.33333333%} +.offset-8 { + margin-right: 66.66666667%} +.offset-9 { + margin-right: 75%} +.offset-10 { + margin-right: 83.33333333%} +.offset-11 { + margin-right: 91.66666667%} +.g-0, .gx-0 { + --bs-gutter-x: 0; +} +.g-0, .gy-0 { + --bs-gutter-y: 0; +} +.g-1, .gx-1 { + --bs-gutter-x: 0.25rem; +} +.g-1, .gy-1 { + --bs-gutter-y: 0.25rem; +} +.g-2, .gx-2 { + --bs-gutter-x: 0.5rem; +} +.g-2, .gy-2 { + --bs-gutter-y: 0.5rem; +} +.g-3, .gx-3 { + --bs-gutter-x: 1rem; +} +.g-3, .gy-3 { + --bs-gutter-y: 1rem; +} +.g-4, .gx-4 { + --bs-gutter-x: 1.5rem; +} +.g-4, .gy-4 { + --bs-gutter-y: 1.5rem; +} +.g-5, .gx-5 { + --bs-gutter-x: 3rem; +} +.g-5, .gy-5 { + --bs-gutter-y: 3rem; +} +@media (min-width:576px) { + .col-sm-auto { + flex: 0 0 auto; + width: auto; +} +.col-sm-1 { + flex: 0 0 auto; + width: 8.33333333%} +.col-sm-2 { + flex: 0 0 auto; + width: 16.66666667%} +.col-sm-3 { + flex: 0 0 auto; + width: 25%} +.col-sm-4 { + flex: 0 0 auto; + width: 33.33333333%} +.col-sm-5 { + flex: 0 0 auto; + width: 41.66666667%} +.col-sm-6 { + flex: 0 0 auto; + width: 50%} +.col-sm-7 { + flex: 0 0 auto; + width: 58.33333333%} +.col-sm-8 { + flex: 0 0 auto; + width: 66.66666667%} +.col-sm-9 { + flex: 0 0 auto; + width: 75%} +.col-sm-10 { + flex: 0 0 auto; + width: 83.33333333%} +.col-sm-11 { + flex: 0 0 auto; + width: 91.66666667%} +.col-sm-12 { + flex: 0 0 auto; + width: 100%} +.offset-sm-0 { + margin-right: 0; +} +.offset-sm-1 { + margin-right: 8.33333333%} +.offset-sm-2 { + margin-right: 16.66666667%} +.offset-sm-3 { + margin-right: 25%} +.offset-sm-4 { + margin-right: 33.33333333%} +.offset-sm-5 { + margin-right: 41.66666667%} +.offset-sm-6 { + margin-right: 50%} +.offset-sm-7 { + margin-right: 58.33333333%} +.offset-sm-8 { + margin-right: 66.66666667%} +.offset-sm-9 { + margin-right: 75%} +.offset-sm-10 { + margin-right: 83.33333333%} +.offset-sm-11 { + margin-right: 91.66666667%} +.g-sm-0, .gx-sm-0 { + --bs-gutter-x: 0; +} +.g-sm-0, .gy-sm-0 { + --bs-gutter-y: 0; +} +.g-sm-1, .gx-sm-1 { + --bs-gutter-x: 0.25rem; +} +.g-sm-1, .gy-sm-1 { + --bs-gutter-y: 0.25rem; +} +.g-sm-2, .gx-sm-2 { + --bs-gutter-x: 0.5rem; +} +.g-sm-2, .gy-sm-2 { + --bs-gutter-y: 0.5rem; +} +.g-sm-3, .gx-sm-3 { + --bs-gutter-x: 1rem; +} +.g-sm-3, .gy-sm-3 { + --bs-gutter-y: 1rem; +} +.g-sm-4, .gx-sm-4 { + --bs-gutter-x: 1.5rem; +} +.g-sm-4, .gy-sm-4 { + --bs-gutter-y: 1.5rem; +} +.g-sm-5, .gx-sm-5 { + --bs-gutter-x: 3rem; +} +.g-sm-5, .gy-sm-5 { + --bs-gutter-y: 3rem; +} +}@media (min-width:768px) { + .col-md-auto { + flex: 0 0 auto; + width: auto; +} +.col-md-1 { + flex: 0 0 auto; + width: 8.33333333%} +.col-md-2 { + flex: 0 0 auto; + width: 16.66666667%} +.col-md-3 { + flex: 0 0 auto; + width: 25%} +.col-md-4 { + flex: 0 0 auto; + width: 33.33333333%} +.col-md-5 { + flex: 0 0 auto; + width: 41.66666667%} +.col-md-6 { + flex: 0 0 auto; + width: 50%} +.col-md-7 { + flex: 0 0 auto; + width: 58.33333333%} +.col-md-8 { + flex: 0 0 auto; + width: 66.66666667%} +.col-md-9 { + flex: 0 0 auto; + width: 75%} +.col-md-10 { + flex: 0 0 auto; + width: 83.33333333%} +.col-md-11 { + flex: 0 0 auto; + width: 91.66666667%} +.col-md-12 { + flex: 0 0 auto; + width: 100%} +.offset-md-0 { + margin-right: 0; +} +.offset-md-1 { + margin-right: 8.33333333%} +.offset-md-2 { + margin-right: 16.66666667%} +.offset-md-3 { + margin-right: 25%} +.offset-md-4 { + margin-right: 33.33333333%} +.offset-md-5 { + margin-right: 41.66666667%} +.offset-md-6 { + margin-right: 50%} +.offset-md-7 { + margin-right: 58.33333333%} +.offset-md-8 { + margin-right: 66.66666667%} +.offset-md-9 { + margin-right: 75%} +.offset-md-10 { + margin-right: 83.33333333%} +.offset-md-11 { + margin-right: 91.66666667%} +.g-md-0, .gx-md-0 { + --bs-gutter-x: 0; +} +.g-md-0, .gy-md-0 { + --bs-gutter-y: 0; +} +.g-md-1, .gx-md-1 { + --bs-gutter-x: 0.25rem; +} +.g-md-1, .gy-md-1 { + --bs-gutter-y: 0.25rem; +} +.g-md-2, .gx-md-2 { + --bs-gutter-x: 0.5rem; +} +.g-md-2, .gy-md-2 { + --bs-gutter-y: 0.5rem; +} +.g-md-3, .gx-md-3 { + --bs-gutter-x: 1rem; +} +.g-md-3, .gy-md-3 { + --bs-gutter-y: 1rem; +} +.g-md-4, .gx-md-4 { + --bs-gutter-x: 1.5rem; +} +.g-md-4, .gy-md-4 { + --bs-gutter-y: 1.5rem; +} +.g-md-5, .gx-md-5 { + --bs-gutter-x: 3rem; +} +.g-md-5, .gy-md-5 { + --bs-gutter-y: 3rem; +} +}@media (min-width:992px) { + .col-lg-auto { + flex: 0 0 auto; + width: auto; +} +.col-lg-1 { + flex: 0 0 auto; + width: 8.33333333%} +.col-lg-2 { + flex: 0 0 auto; + width: 16.66666667%} +.col-lg-3 { + flex: 0 0 auto; + width: 25%} +.col-lg-4 { + flex: 0 0 auto; + width: 33.33333333%} +.col-lg-5 { + flex: 0 0 auto; + width: 41.66666667%} +.col-lg-6 { + flex: 0 0 auto; + width: 50%} +.col-lg-7 { + flex: 0 0 auto; + width: 58.33333333%} +.col-lg-8 { + flex: 0 0 auto; + width: 66.66666667%} +.col-lg-9 { + flex: 0 0 auto; + width: 75%} +.col-lg-10 { + flex: 0 0 auto; + width: 83.33333333%} +.col-lg-11 { + flex: 0 0 auto; + width: 91.66666667%} +.col-lg-12 { + flex: 0 0 auto; + width: 100%} +.offset-lg-0 { + margin-right: 0; +} +.offset-lg-1 { + margin-right: 8.33333333%} +.offset-lg-2 { + margin-right: 16.66666667%} +.offset-lg-3 { + margin-right: 25%} +.offset-lg-4 { + margin-right: 33.33333333%} +.offset-lg-5 { + margin-right: 41.66666667%} +.offset-lg-6 { + margin-right: 50%} +.offset-lg-7 { + margin-right: 58.33333333%} +.offset-lg-8 { + margin-right: 66.66666667%} +.offset-lg-9 { + margin-right: 75%} +.offset-lg-10 { + margin-right: 83.33333333%} +.offset-lg-11 { + margin-right: 91.66666667%} +.g-lg-0, .gx-lg-0 { + --bs-gutter-x: 0; +} +.g-lg-0, .gy-lg-0 { + --bs-gutter-y: 0; +} +.g-lg-1, .gx-lg-1 { + --bs-gutter-x: 0.25rem; +} +.g-lg-1, .gy-lg-1 { + --bs-gutter-y: 0.25rem; +} +.g-lg-2, .gx-lg-2 { + --bs-gutter-x: 0.5rem; +} +.g-lg-2, .gy-lg-2 { + --bs-gutter-y: 0.5rem; +} +.g-lg-3, .gx-lg-3 { + --bs-gutter-x: 1rem; +} +.g-lg-3, .gy-lg-3 { + --bs-gutter-y: 1rem; +} +.g-lg-4, .gx-lg-4 { + --bs-gutter-x: 1.5rem; +} +.g-lg-4, .gy-lg-4 { + --bs-gutter-y: 1.5rem; +} +.g-lg-5, .gx-lg-5 { + --bs-gutter-x: 3rem; +} +.g-lg-5, .gy-lg-5 { + --bs-gutter-y: 3rem; +} +}@media (min-width:1200px) { + .col-xl-auto { + flex: 0 0 auto; + width: auto; +} +.col-xl-1 { + flex: 0 0 auto; + width: 8.33333333%} +.col-xl-2 { + flex: 0 0 auto; + width: 16.66666667%} +.col-xl-3 { + flex: 0 0 auto; + width: 25%} +.col-xl-4 { + flex: 0 0 auto; + width: 33.33333333%} +.col-xl-5 { + flex: 0 0 auto; + width: 41.66666667%} +.col-xl-6 { + flex: 0 0 auto; + width: 50%} +.col-xl-7 { + flex: 0 0 auto; + width: 58.33333333%} +.col-xl-8 { + flex: 0 0 auto; + width: 66.66666667%} +.col-xl-9 { + flex: 0 0 auto; + width: 75%} +.col-xl-10 { + flex: 0 0 auto; + width: 83.33333333%} +.col-xl-11 { + flex: 0 0 auto; + width: 91.66666667%} +.col-xl-12 { + flex: 0 0 auto; + width: 100%} +.offset-xl-0 { + margin-right: 0; +} +.offset-xl-1 { + margin-right: 8.33333333%} +.offset-xl-2 { + margin-right: 16.66666667%} +.offset-xl-3 { + margin-right: 25%} +.offset-xl-4 { + margin-right: 33.33333333%} +.offset-xl-5 { + margin-right: 41.66666667%} +.offset-xl-6 { + margin-right: 50%} +.offset-xl-7 { + margin-right: 58.33333333%} +.offset-xl-8 { + margin-right: 66.66666667%} +.offset-xl-9 { + margin-right: 75%} +.offset-xl-10 { + margin-right: 83.33333333%} +.offset-xl-11 { + margin-right: 91.66666667%} +.g-xl-0, .gx-xl-0 { + --bs-gutter-x: 0; +} +.g-xl-0, .gy-xl-0 { + --bs-gutter-y: 0; +} +.g-xl-1, .gx-xl-1 { + --bs-gutter-x: 0.25rem; +} +.g-xl-1, .gy-xl-1 { + --bs-gutter-y: 0.25rem; +} +.g-xl-2, .gx-xl-2 { + --bs-gutter-x: 0.5rem; +} +.g-xl-2, .gy-xl-2 { + --bs-gutter-y: 0.5rem; +} +.g-xl-3, .gx-xl-3 { + --bs-gutter-x: 1rem; +} +.g-xl-3, .gy-xl-3 { + --bs-gutter-y: 1rem; +} +.g-xl-4, .gx-xl-4 { + --bs-gutter-x: 1.5rem; +} +.g-xl-4, .gy-xl-4 { + --bs-gutter-y: 1.5rem; +} +.g-xl-5, .gx-xl-5 { + --bs-gutter-x: 3rem; +} +.g-xl-5, .gy-xl-5 { + --bs-gutter-y: 3rem; +} +}@media (min-width:1400px) { + .col-xxl-auto { + flex: 0 0 auto; + width: auto; +} +.col-xxl-1 { + flex: 0 0 auto; + width: 8.33333333%} +.col-xxl-2 { + flex: 0 0 auto; + width: 16.66666667%} +.col-xxl-3 { + flex: 0 0 auto; + width: 25%} +.col-xxl-4 { + flex: 0 0 auto; + width: 33.33333333%} +.col-xxl-5 { + flex: 0 0 auto; + width: 41.66666667%} +.col-xxl-6 { + flex: 0 0 auto; + width: 50%} +.col-xxl-7 { + flex: 0 0 auto; + width: 58.33333333%} +.col-xxl-8 { + flex: 0 0 auto; + width: 66.66666667%} +.col-xxl-9 { + flex: 0 0 auto; + width: 75%} +.col-xxl-10 { + flex: 0 0 auto; + width: 83.33333333%} +.col-xxl-11 { + flex: 0 0 auto; + width: 91.66666667%} +.col-xxl-12 { + flex: 0 0 auto; + width: 100%} +.offset-xxl-0 { + margin-right: 0; +} +.offset-xxl-1 { + margin-right: 8.33333333%} +.offset-xxl-2 { + margin-right: 16.66666667%} +.offset-xxl-3 { + margin-right: 25%} +.offset-xxl-4 { + margin-right: 33.33333333%} +.offset-xxl-5 { + margin-right: 41.66666667%} +.offset-xxl-6 { + margin-right: 50%} +.offset-xxl-7 { + margin-right: 58.33333333%} +.offset-xxl-8 { + margin-right: 66.66666667%} +.offset-xxl-9 { + margin-right: 75%} +.offset-xxl-10 { + margin-right: 83.33333333%} +.offset-xxl-11 { + margin-right: 91.66666667%} +.g-xxl-0, .gx-xxl-0 { + --bs-gutter-x: 0; +} +.g-xxl-0, .gy-xxl-0 { + --bs-gutter-y: 0; +} +.g-xxl-1, .gx-xxl-1 { + --bs-gutter-x: 0.25rem; +} +.g-xxl-1, .gy-xxl-1 { + --bs-gutter-y: 0.25rem; +} +.g-xxl-2, .gx-xxl-2 { + --bs-gutter-x: 0.5rem; +} +.g-xxl-2, .gy-xxl-2 { + --bs-gutter-y: 0.5rem; +} +.g-xxl-3, .gx-xxl-3 { + --bs-gutter-x: 1rem; +} +.g-xxl-3, .gy-xxl-3 { + --bs-gutter-y: 1rem; +} +.g-xxl-4, .gx-xxl-4 { + --bs-gutter-x: 1.5rem; +} +.g-xxl-4, .gy-xxl-4 { + --bs-gutter-y: 1.5rem; +} +.g-xxl-5, .gx-xxl-5 { + --bs-gutter-x: 3rem; +} +.g-xxl-5, .gy-xxl-5 { + --bs-gutter-y: 3rem; +} +}.table { + --bs-table-bg: transparent; + --bs-table-accent-bg: transparent; + --bs-table-striped-color: #212529; + --bs-table-striped-bg: rgba(0, 0, 0, 0.05); + --bs-table-active-color: #212529; + --bs-table-active-bg: rgba(0, 0, 0, 0.1); + --bs-table-hover-color: #212529; + --bs-table-hover-bg: rgba(0, 0, 0, 0.075); + width: 100%; + margin-bottom: 1rem; + color: #212529; + vertical-align: top; + border-color: #dee2e6; +} +.table>:not(caption)>*>* { + padding: .5rem .5rem; + background-color: var(--bs-table-bg); + border-bottom-width: 1px; + box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); +} +.table>tbody { + vertical-align: inherit; +} +.table>thead { + vertical-align: bottom; +} +.table>:not(:last-child)>:last-child>* { + border-bottom-color: currentColor; +} +.caption-top { + caption-side: top; +} +.table-sm>:not(caption)>*>* { + padding: .25rem .25rem; +} +.table-bordered>:not(caption)>* { + border-width: 1px 0; +} +.table-bordered>:not(caption)>*>* { + border-width: 0 1px; +} +.table-borderless>:not(caption)>*>* { + border-bottom-width: 0; +} +.table-striped>tbody>tr:nth-of-type(odd) { + --bs-table-accent-bg: var(--bs-table-striped-bg); + color: var(--bs-table-striped-color); +} +.table-active { + --bs-table-accent-bg: var(--bs-table-active-bg); + color: var(--bs-table-active-color); +} +.table-hover>tbody>tr:hover { + --bs-table-accent-bg: var(--bs-table-hover-bg); + color: var(--bs-table-hover-color); +} +.table-primary { + --bs-table-bg: #cfe2ff; + --bs-table-striped-bg: #c5d7f2; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bacbe6; + --bs-table-active-color: #000; + --bs-table-hover-bg: #bfd1ec; + --bs-table-hover-color: #000; + color: #000; + border-color: #bacbe6; +} +.table-secondary { + --bs-table-bg: #e2e3e5; + --bs-table-striped-bg: #d7d8da; + --bs-table-striped-color: #000; + --bs-table-active-bg: #cbccce; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d1d2d4; + --bs-table-hover-color: #000; + color: #000; + border-color: #cbccce; +} +.table-success { + --bs-table-bg: #d1e7dd; + --bs-table-striped-bg: #c7dbd2; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bcd0c7; + --bs-table-active-color: #000; + --bs-table-hover-bg: #c1d6cc; + --bs-table-hover-color: #000; + color: #000; + border-color: #bcd0c7; +} +.table-info { + --bs-table-bg: #cff4fc; + --bs-table-striped-bg: #c5e8ef; + --bs-table-striped-color: #000; + --bs-table-active-bg: #badce3; + --bs-table-active-color: #000; + --bs-table-hover-bg: #bfe2e9; + --bs-table-hover-color: #000; + color: #000; + border-color: #badce3; +} +.table-warning { + --bs-table-bg: #fff3cd; + --bs-table-striped-bg: #f2e7c3; + --bs-table-striped-color: #000; + --bs-table-active-bg: #e6dbb9; + --bs-table-active-color: #000; + --bs-table-hover-bg: #ece1be; + --bs-table-hover-color: #000; + color: #000; + border-color: #e6dbb9; +} +.table-danger { + --bs-table-bg: #f8d7da; + --bs-table-striped-bg: #eccccf; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfc2c4; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5c7ca; + --bs-table-hover-color: #000; + color: #000; + border-color: #dfc2c4; +} +.table-light { + --bs-table-bg: #f8f9fa; + --bs-table-striped-bg: #ecedee; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfe0e1; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5e6e7; + --bs-table-hover-color: #000; + color: #000; + border-color: #dfe0e1; +} +.table-dark { + --bs-table-bg: #212529; + --bs-table-striped-bg: #2c3034; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #373b3e; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #323539; + --bs-table-hover-color: #fff; + color: #fff; + border-color: #373b3e; +} +.table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +@media (max-width:575.98px) { + .table-responsive-sm { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +}@media (max-width:767.98px) { + .table-responsive-md { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +}@media (max-width:991.98px) { + .table-responsive-lg { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +}@media (max-width:1199.98px) { + .table-responsive-xl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +}@media (max-width:1399.98px) { + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +}.form-label { + margin-bottom: .5rem; +} +.col-form-label { + padding-top: calc(.375rem + 1px); + padding-bottom: calc(.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} +.col-form-label-lg { + padding-top: calc(.5rem + 1px); + padding-bottom: calc(.5rem + 1px); + font-size: 1.25rem; +} +.col-form-label-sm { + padding-top: calc(.25rem + 1px); + padding-bottom: calc(.25rem + 1px); + font-size: .875rem; +} +.form-text { + margin-top: .25rem; + font-size: .875em; + color: #6c757d; +} +.form-control { + display: block; + width: 100%; + padding: .375rem .75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: .25rem; + transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; +} +@media (prefers-reduced-motion:reduce) { + .form-control { + transition: none; +} +}.form-control[type=file] { + overflow: hidden; +} +.form-control[type=file]:not(:disabled):not([readonly]) { + cursor: pointer; +} +.form-control:focus { + color: #212529; + background-color: #fff; + border-color: #86b7fe; + outline: 0; + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); +} +.form-control::-webkit-date-and-time-value { + height: 1.5em; +} +.form-control::-moz-placeholder { + color: #6c757d; + opacity: 1; +} +.form-control::placeholder { + color: #6c757d; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} +.form-control::file-selector-button { + padding: .375rem .75rem; + margin: -.375rem -.75rem; + -webkit-margin-end: .75rem; + margin-inline-end: .75rem; + color: #212529; + background-color: #e9ecef; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; +} +@media (prefers-reduced-motion:reduce) { + .form-control: :file-selector-button { + transition: none; +} +}.form-control:hover:not(:disabled):not([readonly])::file-selector-button { + background-color: #dde0e3; +} +.form-control::-webkit-file-upload-button { + padding: .375rem .75rem; + margin: -.375rem -.75rem; + -webkit-margin-end: .75rem; + margin-inline-end: .75rem; + color: #212529; + background-color: #e9ecef; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; +} +@media (prefers-reduced-motion:reduce) { + .form-control: :-webkit-file-upload-button { + -webkit-transition: none; + transition: none; +} +}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { + background-color: #dde0e3; +} +.form-control-plaintext { + display: block; + width: 100%; + padding: .375rem 0; + margin-bottom: 0; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { + padding-left: 0; + padding-right: 0; +} +.form-control-sm { + min-height: calc(1.5em + (.5rem + 2px)); + padding: .25rem .5rem; + font-size: .875rem; + border-radius: .2rem; +} +.form-control-sm::file-selector-button { + padding: .25rem .5rem; + margin: -.25rem -.5rem; + -webkit-margin-end: .5rem; + margin-inline-end: .5rem; +} +.form-control-sm::-webkit-file-upload-button { + padding: .25rem .5rem; + margin: -.25rem -.5rem; + -webkit-margin-end: .5rem; + margin-inline-end: .5rem; +} +.form-control-lg { + min-height: calc(1.5em + (1rem + 2px)); + padding: .5rem 1rem; + font-size: 1.25rem; + border-radius: .3rem; +} +.form-control-lg::file-selector-button { + padding: .5rem 1rem; + margin: -.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; +} +.form-control-lg::-webkit-file-upload-button { + padding: .5rem 1rem; + margin: -.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; +} +textarea.form-control { + min-height: calc(1.5em + (.75rem + 2px)); +} +textarea.form-control-sm { + min-height: calc(1.5em + (.5rem + 2px)); +} +textarea.form-control-lg { + min-height: calc(1.5em + (1rem + 2px)); +} +.form-control-color { + max-width: 3rem; + height: auto; + padding: .375rem; +} +.form-control-color:not(:disabled):not([readonly]) { + cursor: pointer; +} +.form-control-color::-moz-color-swatch { + height: 1.5em; + border-radius: .25rem; +} +.form-control-color::-webkit-color-swatch { + height: 1.5em; + border-radius: .25rem; +} +.form-select { + display: block; + width: 100%; + padding: .375rem .75rem .375rem 2.25rem; + -moz-padding-start: calc(0.75rem - 3px); + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + background-color: #fff; + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: left .75rem center; + background-size: 16px 12px; + border: 1px solid #ced4da; + border-radius: .25rem; + transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +@media (prefers-reduced-motion:reduce) { + .form-select { + transition: none; +} +}.form-select:focus { + border-color: #86b7fe; + outline: 0; + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); +} +.form-select[multiple], .form-select[size]:not([size="1"]) { + padding-left: .75rem; + background-image: none; +} +.form-select:disabled { + background-color: #e9ecef; +} +.form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #212529; +} +.form-select-sm { + padding-top: .25rem; + padding-bottom: .25rem; + padding-right: .5rem; + font-size: .875rem; +} +.form-select-lg { + padding-top: .5rem; + padding-bottom: .5rem; + padding-right: 1rem; + font-size: 1.25rem; +} +.form-check { + display: block; + min-height: 1.5rem; + padding-right: 1.5em; + margin-bottom: .125rem; +} +.form-check .form-check-input { + float: right; + margin-right: -1.5em; +} +.form-check-input { + width: 1em; + height: 1em; + margin-top: .25em; + vertical-align: top; + background-color: #fff; + background-repeat: no-repeat; + background-position: center; + background-size: contain; + border: 1px solid rgba(0, 0, 0, .25); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-print-color-adjust: exact; + color-adjust: exact; +} +.form-check-input[type=checkbox] { + border-radius: .25em; +} +.form-check-input[type=radio] { + border-radius: 50%} +.form-check-input:active { + filter: brightness(90%); +} +.form-check-input:focus { + border-color: #86b7fe; + outline: 0; + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); +} +.form-check-input:checked { + background-color: #0d6efd; + border-color: #0d6efd; +} +.form-check-input:checked[type=checkbox] { + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); +} +.form-check-input:checked[type=radio] { + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); +} +.form-check-input[type=checkbox]:indeterminate { + background-color: #0d6efd; + border-color: #0d6efd; + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); +} +.form-check-input:disabled { + pointer-events: none; + filter: none; + opacity: .5; +} +.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label { + opacity: .5; +} +.form-switch { + padding-right: 2.5em; +} +.form-switch .form-check-input { + width: 2em; + margin-right: -2.5em; + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); + background-position: right center; + border-radius: 2em; + transition: background-position .15s ease-in-out; +} +@media (prefers-reduced-motion:reduce) { + .form-switch .form-check-input { + transition: none; +} +}.form-switch .form-check-input:focus { + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); +} +.form-switch .form-check-input:checked { + background-position: left center; + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +} +.form-check-inline { + display: inline-block; + margin-left: 1rem; +} +.btn-check { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} +.btn-check:disabled+.btn, .btn-check[disabled]+.btn { + pointer-events: none; + filter: none; + opacity: .65; +} +.form-range { + width: 100%; + height: 1.5rem; + padding: 0; + background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.form-range:focus { + outline: 0; +} +.form-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25); +} +.form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25); +} +.form-range::-moz-focus-outer { + border: 0; +} +.form-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -.25rem; + background-color: #0d6efd; + border: 0; + border-radius: 1rem; + -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + -webkit-appearance: none; + appearance: none; +} +@media (prefers-reduced-motion:reduce) { + .form-range: :-webkit-slider-thumb { + -webkit-transition: none; + transition: none; +} +}.form-range::-webkit-slider-thumb:active { + background-color: #b6d4fe; +} +.form-range::-webkit-slider-runnable-track { + width: 100%; + height: .5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} +.form-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #0d6efd; + border: 0; + border-radius: 1rem; + -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + -moz-appearance: none; + appearance: none; +} +@media (prefers-reduced-motion:reduce) { + .form-range :-moz-range-thumb { + -moz-transition: none; + transition: none; +} +}.form-range::-moz-range-thumb:active { + background-color: #b6d4fe; +} +.form-range::-moz-range-track { + width: 100%; + height: .5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} +.form-range:disabled { + pointer-events: none; +} +.form-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; +} +.form-range:disabled::-moz-range-thumb { + background-color: #adb5bd; +} +.form-floating { + position: relative; +} +.form-floating>.form-control, .form-floating>.form-select { + height: calc(3.5rem + 2px); + line-height: 1.25; +} +.form-floating>label { + position: absolute; + top: 0; + right: 0; + height: 100%; + padding: 1rem .75rem; + pointer-events: none; + border: 1px solid transparent; + transform-origin: 100% 0; + transition: opacity .1s ease-in-out, transform .1s ease-in-out; +} +@media (prefers-reduced-motion:reduce) { + .form-floating>label { + transition: none; +} +}.form-floating>.form-control { + padding: 1rem .75rem; +} +.form-floating>.form-control::-moz-placeholder { + color: transparent; +} +.form-floating>.form-control::placeholder { + color: transparent; +} +.form-floating>.form-control:not(:-moz-placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: .625rem; +} +.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: .625rem; +} +.form-floating>.form-control:-webkit-autofill { + padding-top: 1.625rem; + padding-bottom: .625rem; +} +.form-floating>.form-select { + padding-top: 1.625rem; + padding-bottom: .625rem; +} +.form-floating>.form-control:not(:-moz-placeholder-shown)~label { + opacity: .65; + transform: scale(.85) translateY(-.5rem) translateX(-.15rem); +} +.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { + opacity: .65; + transform: scale(.85) translateY(-.5rem) translateX(-.15rem); +} +.form-floating>.form-control:-webkit-autofill~label { + opacity: .65; + transform: scale(.85) translateY(-.5rem) translateX(-.15rem); +} +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%} +.input-group>.form-control, .input-group>.form-select { + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; +} +.input-group>.form-control:focus, .input-group>.form-select:focus { + z-index: 3; +} +.input-group .btn { + position: relative; + z-index: 2; +} +.input-group .btn:focus { + z-index: 3; +} +.input-group-text { + display: flex; + align-items: center; + padding: .375rem .75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + border-radius: .25rem; +} +.input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text { + padding: .5rem 1rem; + font-size: 1.25rem; + border-radius: .3rem; +} +.input-group-sm>.btn, .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text { + padding: .25rem .5rem; + font-size: .875rem; + border-radius: .2rem; +} +.input-group-lg>.form-select, .input-group-sm>.form-select { + padding-left: 3rem; +} +.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { + margin-right: -1px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.valid-feedback { + display: none; + width: 100%; + margin-top: .25rem; + font-size: .875em; + color: #198754; +} +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .25rem .5rem; + margin-top: .1rem; + font-size: .875rem; + color: #fff; + background-color: rgba(25, 135, 84, .9); + border-radius: .25rem; +} +.is-valid~.valid-feedback, .is-valid~.valid-tooltip, .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip { + display: block; +} +.form-control.is-valid, .was-validated .form-control:valid { + border-color: #198754; + padding-left: calc(1.5em + .75rem); + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: left calc(.375em + .1875rem) center; + background-size: calc(.75em + .375rem) calc(.75em + .375rem); +} +.form-control.is-valid:focus, .was-validated .form-control:valid:focus { + border-color: #198754; + box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25); +} +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-left: calc(1.5em + .75rem); + background-position: top calc(.375em + .1875rem) left calc(.375em + .1875rem); +} +.form-select.is-valid, .was-validated .form-select:valid { + border-color: #198754; +} +.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { + padding-left: 4.125rem; + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-position: left .75rem center, center left 2.25rem; + background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem); +} +.form-select.is-valid:focus, .was-validated .form-select:valid:focus { + border-color: #198754; + box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25); +} +.form-check-input.is-valid, .was-validated .form-check-input:valid { + border-color: #198754; +} +.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { + background-color: #198754; +} +.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { + box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25); +} +.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { + color: #198754; +} +.form-check-inline .form-check-input~.valid-feedback { + margin-right: .5em; +} +.input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid { + z-index: 1; +} +.input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus, .was-validated .input-group .form-control:valid:focus, .was-validated .input-group .form-select:valid:focus { + z-index: 3; +} +.invalid-feedback { + display: none; + width: 100%; + margin-top: .25rem; + font-size: .875em; + color: #dc3545; +} +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .25rem .5rem; + margin-top: .1rem; + font-size: .875rem; + color: #fff; + background-color: rgba(220, 53, 69, .9); + border-radius: .25rem; +} +.is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip { + display: block; +} +.form-control.is-invalid, .was-validated .form-control:invalid { + border-color: #dc3545; + padding-left: calc(1.5em + .75rem); + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: left calc(.375em + .1875rem) center; + background-size: calc(.75em + .375rem) calc(.75em + .375rem); +} +.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25); +} +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-left: calc(1.5em + .75rem); + background-position: top calc(.375em + .1875rem) left calc(.375em + .1875rem); +} +.form-select.is-invalid, .was-validated .form-select:invalid { + border-color: #dc3545; +} +.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { + padding-left: 4.125rem; + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + background-position: left .75rem center, center left 2.25rem; + background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem); +} +.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25); +} +.form-check-input.is-invalid, .was-validated .form-check-input:invalid { + border-color: #dc3545; +} +.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { + background-color: #dc3545; +} +.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { + box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25); +} +.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { + color: #dc3545; +} +.form-check-inline .form-check-input~.invalid-feedback { + margin-right: .5em; +} +.input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid { + z-index: 2; +} +.input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus, .was-validated .input-group .form-control:invalid:focus, .was-validated .input-group .form-select:invalid:focus { + z-index: 3; +} +.btn { + display: inline-block; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: center; + text-decoration: none; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + padding: .375rem .75rem; + font-size: 1rem; + border-radius: .25rem; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; +} +@media (prefers-reduced-motion:reduce) { + .btn { + transition: none; +} +}.btn:hover { + color: #212529; +} +.btn-check:focus+.btn, .btn:focus { + outline: 0; + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); +} +.btn.disabled, .btn:disabled, fieldset:disabled .btn { + pointer-events: none; + opacity: .65; +} +.btn-primary { + color: #fff; + background-color: #0d6efd; + border-color: #0d6efd; +} +.btn-primary:hover { + color: #fff; + background-color: #0b5ed7; + border-color: #0a58ca; +} +.btn-check:focus+.btn-primary, .btn-primary:focus { + color: #fff; + background-color: #0b5ed7; + border-color: #0a58ca; + box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5); +} +.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle { + color: #fff; + background-color: #0a58ca; + border-color: #0a53be; +} +.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #fff; + background-color: #0d6efd; + border-color: #0d6efd; +} +.btn-secondary { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} +.btn-secondary:hover { + color: #fff; + background-color: #5c636a; + border-color: #565e64; +} +.btn-check:focus+.btn-secondary, .btn-secondary:focus { + color: #fff; + background-color: #5c636a; + border-color: #565e64; + box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5); +} +.btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle { + color: #fff; + background-color: #565e64; + border-color: #51585e; +} +.btn-check:active+.btn-secondary:focus, .btn-check:checked+.btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show>.btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} +.btn-success { + color: #fff; + background-color: #198754; + border-color: #198754; +} +.btn-success:hover { + color: #fff; + background-color: #157347; + border-color: #146c43; +} +.btn-check:focus+.btn-success, .btn-success:focus { + color: #fff; + background-color: #157347; + border-color: #146c43; + box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5); +} +.btn-check:active+.btn-success, .btn-check:checked+.btn-success, .btn-success.active, .btn-success:active, .show>.btn-success.dropdown-toggle { + color: #fff; + background-color: #146c43; + border-color: #13653f; +} +.btn-check:active+.btn-success:focus, .btn-check:checked+.btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show>.btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5); +} +.btn-success.disabled, .btn-success:disabled { + color: #fff; + background-color: #198754; + border-color: #198754; +} +.btn-info { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; +} +.btn-info:hover { + color: #000; + background-color: #31d2f2; + border-color: #25cff2; +} +.btn-check:focus+.btn-info, .btn-info:focus { + color: #000; + background-color: #31d2f2; + border-color: #25cff2; + box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5); +} +.btn-check:active+.btn-info, .btn-check:checked+.btn-info, .btn-info.active, .btn-info:active, .show>.btn-info.dropdown-toggle { + color: #000; + background-color: #3dd5f3; + border-color: #25cff2; +} +.btn-check:active+.btn-info:focus, .btn-check:checked+.btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show>.btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5); +} +.btn-info.disabled, .btn-info:disabled { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; +} +.btn-warning { + color: #000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-warning:hover { + color: #000; + background-color: #ffca2c; + border-color: #ffc720; +} +.btn-check:focus+.btn-warning, .btn-warning:focus { + color: #000; + background-color: #ffca2c; + border-color: #ffc720; + box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5); +} +.btn-check:active+.btn-warning, .btn-check:checked+.btn-warning, .btn-warning.active, .btn-warning:active, .show>.btn-warning.dropdown-toggle { + color: #000; + background-color: #ffcd39; + border-color: #ffc720; +} +.btn-check:active+.btn-warning:focus, .btn-check:checked+.btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show>.btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5); +} +.btn-warning.disabled, .btn-warning:disabled { + color: #000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-danger { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.btn-danger:hover { + color: #fff; + background-color: #bb2d3b; + border-color: #b02a37; +} +.btn-check:focus+.btn-danger, .btn-danger:focus { + color: #fff; + background-color: #bb2d3b; + border-color: #b02a37; + box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5); +} +.btn-check:active+.btn-danger, .btn-check:checked+.btn-danger, .btn-danger.active, .btn-danger:active, .show>.btn-danger.dropdown-toggle { + color: #fff; + background-color: #b02a37; + border-color: #a52834; +} +.btn-check:active+.btn-danger:focus, .btn-check:checked+.btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show>.btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.btn-light { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.btn-light:hover { + color: #000; + background-color: #f9fafb; + border-color: #f9fafb; +} +.btn-check:focus+.btn-light, .btn-light:focus { + color: #000; + background-color: #f9fafb; + border-color: #f9fafb; + box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5); +} +.btn-check:active+.btn-light, .btn-check:checked+.btn-light, .btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle { + color: #000; + background-color: #f9fafb; + border-color: #f9fafb; +} +.btn-check:active+.btn-light:focus, .btn-check:checked+.btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show>.btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5); +} +.btn-light.disabled, .btn-light:disabled { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.btn-dark { + color: #fff; + background-color: #212529; + border-color: #212529; +} +.btn-dark:hover { + color: #fff; + background-color: #1c1f23; + border-color: #1a1e21; +} +.btn-check:focus+.btn-dark, .btn-dark:focus { + color: #fff; + background-color: #1c1f23; + border-color: #1a1e21; + box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5); +} +.btn-check:active+.btn-dark, .btn-check:checked+.btn-dark, .btn-dark.active, .btn-dark:active, .show>.btn-dark.dropdown-toggle { + color: #fff; + background-color: #1a1e21; + border-color: #191c1f; +} +.btn-check:active+.btn-dark:focus, .btn-check:checked+.btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show>.btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5); +} +.btn-dark.disabled, .btn-dark:disabled { + color: #fff; + background-color: #212529; + border-color: #212529; +} +.btn-outline-primary { + color: #0d6efd; + border-color: #0d6efd; +} +.btn-outline-primary:hover { + color: #fff; + background-color: #0d6efd; + border-color: #0d6efd; +} +.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus { + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5); +} +.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { + color: #fff; + background-color: #0d6efd; + border-color: #0d6efd; +} +.btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5); +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #0d6efd; + background-color: transparent; +} +.btn-outline-secondary { + color: #6c757d; + border-color: #6c757d; +} +.btn-outline-secondary:hover { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} +.btn-check:focus+.btn-outline-secondary, .btn-outline-secondary:focus { + box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5); +} +.btn-check:active+.btn-outline-secondary, .btn-check:checked+.btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} +.btn-check:active+.btn-outline-secondary:focus, .btn-check:checked+.btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus { + box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5); +} +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #6c757d; + background-color: transparent; +} +.btn-outline-success { + color: #198754; + border-color: #198754; +} +.btn-outline-success:hover { + color: #fff; + background-color: #198754; + border-color: #198754; +} +.btn-check:focus+.btn-outline-success, .btn-outline-success:focus { + box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5); +} +.btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active { + color: #fff; + background-color: #198754; + border-color: #198754; +} +.btn-check:active+.btn-outline-success:focus, .btn-check:checked+.btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus { + box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5); +} +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #198754; + background-color: transparent; +} +.btn-outline-info { + color: #0dcaf0; + border-color: #0dcaf0; +} +.btn-outline-info:hover { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; +} +.btn-check:focus+.btn-outline-info, .btn-outline-info:focus { + box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5); +} +.btn-check:active+.btn-outline-info, .btn-check:checked+.btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; +} +.btn-check:active+.btn-outline-info:focus, .btn-check:checked+.btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus { + box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5); +} +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #0dcaf0; + background-color: transparent; +} +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} +.btn-outline-warning:hover { + color: #000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-check:focus+.btn-outline-warning, .btn-outline-warning:focus { + box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5); +} +.btn-check:active+.btn-outline-warning, .btn-check:checked+.btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active { + color: #000; + background-color: #ffc107; + border-color: #ffc107; +} +.btn-check:active+.btn-outline-warning:focus, .btn-check:checked+.btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus { + box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5); +} +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.btn-outline-danger { + color: #dc3545; + border-color: #dc3545; +} +.btn-outline-danger:hover { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.btn-check:focus+.btn-outline-danger, .btn-outline-danger:focus { + box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5); +} +.btn-check:active+.btn-outline-danger, .btn-check:checked+.btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.btn-check:active+.btn-outline-danger:focus, .btn-check:checked+.btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus { + box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5); +} +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #dc3545; + background-color: transparent; +} +.btn-outline-light { + color: #f8f9fa; + border-color: #f8f9fa; +} +.btn-outline-light:hover { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.btn-check:focus+.btn-outline-light, .btn-outline-light:focus { + box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5); +} +.btn-check:active+.btn-outline-light, .btn-check:checked+.btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.btn-check:active+.btn-outline-light:focus, .btn-check:checked+.btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus { + box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5); +} +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #f8f9fa; + background-color: transparent; +} +.btn-outline-dark { + color: #212529; + border-color: #212529; +} +.btn-outline-dark:hover { + color: #fff; + background-color: #212529; + border-color: #212529; +} +.btn-check:focus+.btn-outline-dark, .btn-outline-dark:focus { + box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5); +} +.btn-check:active+.btn-outline-dark, .btn-check:checked+.btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active { + color: #fff; + background-color: #212529; + border-color: #212529; +} +.btn-check:active+.btn-outline-dark:focus, .btn-check:checked+.btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus { + box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5); +} +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #212529; + background-color: transparent; +} +.btn-link { + font-weight: 400; + color: #0d6efd; + text-decoration: underline; +} +.btn-link:hover { + color: #0a58ca; +} +.btn-link.disabled, .btn-link:disabled { + color: #6c757d; +} +.btn-group-lg>.btn, .btn-lg { + padding: .5rem 1rem; + font-size: 1.25rem; + border-radius: .3rem; +} +.btn-group-sm>.btn, .btn-sm { + padding: .25rem .5rem; + font-size: .875rem; + border-radius: .2rem; +} +.fade { + transition: opacity .15s linear; +} +@media (prefers-reduced-motion:reduce) { + .fade { + transition: none; +} +}.fade:not(.show) { + opacity: 0; +} +.collapse:not(.show) { + display: none; +} +.collapsing { + height: 0; + overflow: hidden; + transition: height .35s ease; +} +@media (prefers-reduced-motion:reduce) { + .collapsing { + transition: none; +} +}.dropdown, .dropend, .dropstart, .dropup { + position: relative; +} +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-right: .255em; + vertical-align: .255em; + content: ""; + border-top: .3em solid; + border-left: .3em solid transparent; + border-bottom: 0; + border-right: .3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-right: 0; +} +.dropdown-menu { + position: absolute; + z-index: 1000; + display: none; + min-width: 10rem; + padding: .5rem 0; + margin: 0; + font-size: 1rem; + color: #212529; + text-align: right; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, .15); + border-radius: .25rem; +} +.dropdown-menu[data-bs-popper] { + top: 100%; + right: 0; + margin-top: .125rem; +} +.dropdown-menu-start { + --bs-position: start; +} +.dropdown-menu-start[data-bs-popper] { + left: auto; + right: 0; +} +.dropdown-menu-end { + --bs-position: end; +} +.dropdown-menu-end[data-bs-popper] { + left: 0; + right: auto; +} +@media (min-width:576px) { + .dropdown-menu-sm-start { + --bs-position: start; +} +.dropdown-menu-sm-start[data-bs-popper] { + left: auto; + right: 0; +} +.dropdown-menu-sm-end { + --bs-position: end; +} +.dropdown-menu-sm-end[data-bs-popper] { + left: 0; + right: auto; +} +}@media (min-width:768px) { + .dropdown-menu-md-start { + --bs-position: start; +} +.dropdown-menu-md-start[data-bs-popper] { + left: auto; + right: 0; +} +.dropdown-menu-md-end { + --bs-position: end; +} +.dropdown-menu-md-end[data-bs-popper] { + left: 0; + right: auto; +} +}@media (min-width:992px) { + .dropdown-menu-lg-start { + --bs-position: start; +} +.dropdown-menu-lg-start[data-bs-popper] { + left: auto; + right: 0; +} +.dropdown-menu-lg-end { + --bs-position: end; +} +.dropdown-menu-lg-end[data-bs-popper] { + left: 0; + right: auto; +} +}@media (min-width:1200px) { + .dropdown-menu-xl-start { + --bs-position: start; +} +.dropdown-menu-xl-start[data-bs-popper] { + left: auto; + right: 0; +} +.dropdown-menu-xl-end { + --bs-position: end; +} +.dropdown-menu-xl-end[data-bs-popper] { + left: 0; + right: auto; +} +}@media (min-width:1400px) { + .dropdown-menu-xxl-start { + --bs-position: start; +} +.dropdown-menu-xxl-start[data-bs-popper] { + left: auto; + right: 0; +} +.dropdown-menu-xxl-end { + --bs-position: end; +} +.dropdown-menu-xxl-end[data-bs-popper] { + left: 0; + right: auto; +} +}.dropup .dropdown-menu[data-bs-popper] { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: .125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-right: .255em; + vertical-align: .255em; + content: ""; + border-top: 0; + border-left: .3em solid transparent; + border-bottom: .3em solid; + border-right: .3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-right: 0; +} +.dropend .dropdown-menu[data-bs-popper] { + top: 0; + left: auto; + right: 100%; + margin-top: 0; + margin-right: .125rem; +} +.dropend .dropdown-toggle::after { + display: inline-block; + margin-right: .255em; + vertical-align: .255em; + content: ""; + border-top: .3em solid transparent; + border-left: 0; + border-bottom: .3em solid transparent; + border-right: .3em solid; +} +.dropend .dropdown-toggle:empty::after { + margin-right: 0; +} +.dropend .dropdown-toggle::after { + vertical-align: 0; +} +.dropstart .dropdown-menu[data-bs-popper] { + top: 0; + left: 100%; + right: auto; + margin-top: 0; + margin-left: .125rem; +} +.dropstart .dropdown-toggle::after { + display: inline-block; + margin-right: .255em; + vertical-align: .255em; + content: ""} +.dropstart .dropdown-toggle::after { + display: none; +} +.dropstart .dropdown-toggle::before { + display: inline-block; + margin-left: .255em; + vertical-align: .255em; + content: ""; + border-top: .3em solid transparent; + border-left: .3em solid; + border-bottom: .3em solid transparent; +} +.dropstart .dropdown-toggle:empty::after { + margin-right: 0; +} +.dropstart .dropdown-toggle::before { + vertical-align: 0; +} +.dropdown-divider { + height: 0; + margin: .5rem 0; + overflow: hidden; + border-top: 1px solid rgba(0, 0, 0, .15); +} +.dropdown-item { + display: block; + width: 100%; + padding: .25rem 1rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + text-decoration: none; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:focus, .dropdown-item:hover { + color: #1e2125; + background-color: #e9ecef; +} +.dropdown-item.active, .dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #0d6efd; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #adb5bd; + pointer-events: none; + background-color: transparent; +} +.dropdown-menu.show { + display: block; +} +.dropdown-header { + display: block; + padding: .5rem 1rem; + margin-bottom: 0; + font-size: .875rem; + color: #6c757d; + white-space: nowrap; +} +.dropdown-item-text { + display: block; + padding: .25rem 1rem; + color: #212529; +} +.dropdown-menu-dark { + color: #dee2e6; + background-color: #343a40; + border-color: rgba(0, 0, 0, .15); +} +.dropdown-menu-dark .dropdown-item { + color: #dee2e6; +} +.dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover { + color: #fff; + background-color: rgba(255, 255, 255, .15); +} +.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { + color: #fff; + background-color: #0d6efd; +} +.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { + color: #adb5bd; +} +.dropdown-menu-dark .dropdown-divider { + border-color: rgba(0, 0, 0, .15); +} +.dropdown-menu-dark .dropdown-item-text { + color: #dee2e6; +} +.dropdown-menu-dark .dropdown-header { + color: #adb5bd; +} +.btn-group, .btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group-vertical>.btn, .btn-group>.btn { + position: relative; + flex: 1 1 auto; +} +.btn-group-vertical>.btn-check:checked+.btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { + z-index: 1; +} +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} +.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) { + margin-right: -1px; +} +.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.dropdown-toggle-split { + padding-left: .5625rem; + padding-right: .5625rem; +} +.dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { + margin-right: 0; +} +.dropstart .dropdown-toggle-split::before { + margin-left: 0; +} +.btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split { + padding-left: .375rem; + padding-right: .375rem; +} +.btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split { + padding-left: .75rem; + padding-right: .75rem; +} +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical>.btn, .btn-group-vertical>.btn-group { + width: 100%} +.btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn~.btn { + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.nav { + display: flex; + flex-wrap: wrap; + padding-right: 0; + margin-bottom: 0; + list-style: none; +} +.nav-link { + display: block; + padding: .5rem 1rem; + color: #0d6efd; + text-decoration: none; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; +} +@media (prefers-reduced-motion:reduce) { + .nav-link { + transition: none; +} +}.nav-link:focus, .nav-link:hover { + color: #0a58ca; +} +.nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default; +} +.nav-tabs { + border-bottom: 1px solid #dee2e6; +} +.nav-tabs .nav-link { + margin-bottom: -1px; + background: 0 0; + border: 1px solid transparent; + border-top-right-radius: .25rem; + border-top-left-radius: .25rem; +} +.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { + border-color: #e9ecef #e9ecef #dee2e6; + isolation: isolate; +} +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { + color: #495057; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.nav-pills .nav-link { + background: 0 0; + border: 0; + border-radius: .25rem; +} +.nav-pills .nav-link.active, .nav-pills .show>.nav-link { + color: #fff; + background-color: #0d6efd; +} +.nav-fill .nav-item, .nav-fill>.nav-link { + flex: 1 1 auto; + text-align: center; +} +.nav-justified .nav-item, .nav-justified>.nav-link { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} +.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { + width: 100%} +.tab-content>.tab-pane { + display: none; +} +.tab-content>.active { + display: block; +} +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding-top: .5rem; + padding-bottom: .5rem; +} +.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl { + display: flex; + flex-wrap: inherit; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + padding-top: .3125rem; + padding-bottom: .3125rem; + margin-left: 1rem; + font-size: 1.25rem; + text-decoration: none; + white-space: nowrap; +} +.navbar-nav { + display: flex; + flex-direction: column; + padding-right: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link { + padding-left: 0; + padding-right: 0; +} +.navbar-nav .dropdown-menu { + position: static; +} +.navbar-text { + padding-top: .5rem; + padding-bottom: .5rem; +} +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} +.navbar-toggler { + padding: .25rem .75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: .25rem; + transition: box-shadow .15s ease-in-out; +} +@media (prefers-reduced-motion:reduce) { + .navbar-toggler { + transition: none; +} +}.navbar-toggler:hover { + text-decoration: none; +} +.navbar-toggler:focus { + text-decoration: none; + outline: 0; + box-shadow: 0 0 0 .25rem; +} +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-repeat: no-repeat; + background-position: center; + background-size: 100%} +.navbar-nav-scroll { + max-height: var(--bs-scroll-height, 75vh); + overflow-y: auto; +} +@media (min-width:576px) { + .navbar-expand-sm { + flex-wrap: nowrap; + justify-content: flex-start; +} +.navbar-expand-sm .navbar-nav { + flex-direction: row; +} +.navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand-sm .navbar-nav .nav-link { + padding-left: .5rem; + padding-right: .5rem; +} +.navbar-expand-sm .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand-sm .navbar-collapse { + display: flex!important; + flex-basis: auto; +} +.navbar-expand-sm .navbar-toggler { + display: none; +} +}@media (min-width:768px) { + .navbar-expand-md { + flex-wrap: nowrap; + justify-content: flex-start; +} +.navbar-expand-md .navbar-nav { + flex-direction: row; +} +.navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand-md .navbar-nav .nav-link { + padding-left: .5rem; + padding-right: .5rem; +} +.navbar-expand-md .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand-md .navbar-collapse { + display: flex!important; + flex-basis: auto; +} +.navbar-expand-md .navbar-toggler { + display: none; +} +}@media (min-width:992px) { + .navbar-expand-lg { + flex-wrap: nowrap; + justify-content: flex-start; +} +.navbar-expand-lg .navbar-nav { + flex-direction: row; +} +.navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand-lg .navbar-nav .nav-link { + padding-left: .5rem; + padding-right: .5rem; +} +.navbar-expand-lg .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand-lg .navbar-collapse { + display: flex!important; + flex-basis: auto; +} +.navbar-expand-lg .navbar-toggler { + display: none; +} +}@media (min-width:1200px) { + .navbar-expand-xl { + flex-wrap: nowrap; + justify-content: flex-start; +} +.navbar-expand-xl .navbar-nav { + flex-direction: row; +} +.navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand-xl .navbar-nav .nav-link { + padding-left: .5rem; + padding-right: .5rem; +} +.navbar-expand-xl .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand-xl .navbar-collapse { + display: flex!important; + flex-basis: auto; +} +.navbar-expand-xl .navbar-toggler { + display: none; +} +}@media (min-width:1400px) { + .navbar-expand-xxl { + flex-wrap: nowrap; + justify-content: flex-start; +} +.navbar-expand-xxl .navbar-nav { + flex-direction: row; +} +.navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand-xxl .navbar-nav .nav-link { + padding-left: .5rem; + padding-right: .5rem; +} +.navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand-xxl .navbar-collapse { + display: flex!important; + flex-basis: auto; +} +.navbar-expand-xxl .navbar-toggler { + display: none; +} +}.navbar-expand { + flex-wrap: nowrap; + justify-content: flex-start; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-left: .5rem; + padding-right: .5rem; +} +.navbar-expand .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand .navbar-collapse { + display: flex!important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, .9); +} +.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { + color: rgba(0, 0, 0, .9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, .55); +} +.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { + color: rgba(0, 0, 0, .7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, .3); +} +.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link { + color: rgba(0, 0, 0, .9); +} +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, .55); + border-color: rgba(0, 0, 0, .1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(0, 0, 0, .55); +} +.navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { + color: rgba(0, 0, 0, .9); +} +.navbar-dark .navbar-brand { + color: #fff; +} +.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { + color: #fff; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, .55); +} +.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { + color: rgba(255, 255, 255, .75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, .25); +} +.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link { + color: #fff; +} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, .55); + border-color: rgba(255, 255, 255, .1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, .55); +} +.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { + color: #fff; +} +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid rgba(0, 0, 0, .125); + border-radius: .25rem; +} +.card>hr { + margin-left: 0; + margin-right: 0; +} +.card>.list-group { + border-top: inherit; + border-bottom: inherit; +} +.card>.list-group:first-child { + border-top-width: 0; + border-top-right-radius: calc(.25rem - 1px); + border-top-left-radius: calc(.25rem - 1px); +} +.card>.list-group:last-child { + border-bottom-width: 0; + border-bottom-left-radius: calc(.25rem - 1px); + border-bottom-right-radius: calc(.25rem - 1px); +} +.card>.card-header+.list-group, .card>.list-group+.card-footer { + border-top: 0; +} +.card-body { + flex: 1 1 auto; + padding: 1rem 1rem; +} +.card-title { + margin-bottom: .5rem; +} +.card-subtitle { + margin-top: -.25rem; + margin-bottom: 0; +} +.card-text:last-child { + margin-bottom: 0; +} +.card-link:hover { + text-decoration: none; +} +.card-link+.card-link { + margin-right: 1rem; +} +.card-header { + padding: .5rem 1rem; + margin-bottom: 0; + background-color: rgba(0, 0, 0, .03); + border-bottom: 1px solid rgba(0, 0, 0, .125); +} +.card-header:first-child { + border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; +} +.card-footer { + padding: .5rem 1rem; + background-color: rgba(0, 0, 0, .03); + border-top: 1px solid rgba(0, 0, 0, .125); +} +.card-footer:last-child { + border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px); +} +.card-header-tabs { + margin-left: -.5rem; + margin-bottom: -.5rem; + margin-right: -.5rem; + border-bottom: 0; +} +.card-header-pills { + margin-left: -.5rem; + margin-right: -.5rem; +} +.card-img-overlay { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + padding: 1rem; + border-radius: calc(.25rem - 1px); +} +.card-img, .card-img-bottom, .card-img-top { + width: 100%} +.card-img, .card-img-top { + border-top-right-radius: calc(.25rem - 1px); + border-top-left-radius: calc(.25rem - 1px); +} +.card-img, .card-img-bottom { + border-bottom-left-radius: calc(.25rem - 1px); + border-bottom-right-radius: calc(.25rem - 1px); +} +.card-group>.card { + margin-bottom: .75rem; +} +@media (min-width:576px) { + .card-group { + display: flex; + flex-flow: row wrap; +} +.card-group>.card { + flex: 1 0 0%; + margin-bottom: 0; +} +.card-group>.card+.card { + margin-right: 0; + border-right: 0; +} +.card-group>.card:not(:last-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top { + border-top-left-radius: 0; +} +.card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom { + border-bottom-left-radius: 0; +} +.card-group>.card:not(:first-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top { + border-top-right-radius: 0; +} +.card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom { + border-bottom-right-radius: 0; +} +}.accordion-button { + position: relative; + display: flex; + align-items: center; + width: 100%; + padding: 1rem 1.25rem; + font-size: 1rem; + color: #212529; + text-align: right; + background-color: #fff; + border: 0; + border-radius: 0; + overflow-anchor: none; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease; +} +@media (prefers-reduced-motion:reduce) { + .accordion-button { + transition: none; +} +}.accordion-button:not(.collapsed) { + color: #0c63e4; + background-color: #e7f1ff; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125); +} +.accordion-button:not(.collapsed)::after { + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + transform: rotate(180deg); +} +.accordion-button::after { + flex-shrink: 0; + width: 1.25rem; + height: 1.25rem; + margin-right: auto; + content: ""; + background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-size: 1.25rem; + transition: transform .2s ease-in-out; +} +@media (prefers-reduced-motion:reduce) { + .accordion-button: :after { + transition: none; +} +}.accordion-button:hover { + z-index: 2; +} +.accordion-button:focus { + z-index: 3; + border-color: #86b7fe; + outline: 0; + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); +} +.accordion-header { + margin-bottom: 0; +} +.accordion-item { + background-color: #fff; + border: 1px solid rgba(0, 0, 0, .125); +} +.accordion-item:first-of-type { + border-top-right-radius: .25rem; + border-top-left-radius: .25rem; +} +.accordion-item:first-of-type .accordion-button { + border-top-right-radius: calc(.25rem - 1px); + border-top-left-radius: calc(.25rem - 1px); +} +.accordion-item:not(:first-of-type) { + border-top: 0; +} +.accordion-item:last-of-type { + border-bottom-left-radius: .25rem; + border-bottom-right-radius: .25rem; +} +.accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-left-radius: calc(.25rem - 1px); + border-bottom-right-radius: calc(.25rem - 1px); +} +.accordion-item:last-of-type .accordion-collapse { + border-bottom-left-radius: .25rem; + border-bottom-right-radius: .25rem; +} +.accordion-body { + padding: 1rem 1.25rem; +} +.accordion-flush .accordion-collapse { + border-width: 0; +} +.accordion-flush .accordion-item { + border-left: 0; + border-right: 0; + border-radius: 0; +} +.accordion-flush .accordion-item:first-child { + border-top: 0; +} +.accordion-flush .accordion-item:last-child { + border-bottom: 0; +} +.accordion-flush .accordion-item .accordion-button { + border-radius: 0; +} +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0 0; + margin-bottom: 1rem; + list-style: none; +} +.breadcrumb-item+.breadcrumb-item { + padding-right: .5rem; +} +.breadcrumb-item+.breadcrumb-item::before { + float: right; + padding-left: .5rem; + color: #6c757d; + content: var(--bs-breadcrumb-divider, "/"); +} +.breadcrumb-item.active { + color: #6c757d; +} +.pagination { + display: flex; + padding-right: 0; + list-style: none; +} +.page-link { + position: relative; + display: block; + color: #0d6efd; + text-decoration: none; + background-color: #fff; + border: 1px solid #dee2e6; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; +} +@media (prefers-reduced-motion:reduce) { + .page-link { + transition: none; +} +}.page-link:hover { + z-index: 2; + color: #0a58ca; + background-color: #e9ecef; + border-color: #dee2e6; +} +.page-link:focus { + z-index: 3; + color: #0a58ca; + background-color: #e9ecef; + outline: 0; + box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); +} +.page-item:not(:first-child) .page-link { + margin-right: -1px; +} +.page-item.active .page-link { + z-index: 3; + color: #fff; + background-color: #0d6efd; + border-color: #0d6efd; +} +.page-item.disabled .page-link { + color: #6c757d; + pointer-events: none; + background-color: #fff; + border-color: #dee2e6; +} +.page-link { + padding: .375rem .75rem; +} +.page-item:first-child .page-link { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; +} +.page-item:last-child .page-link { + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; +} +.pagination-lg .page-link { + padding: .75rem 1.5rem; + font-size: 1.25rem; +} +.pagination-lg .page-item:first-child .page-link { + border-top-right-radius: .3rem; + border-bottom-right-radius: .3rem; +} +.pagination-lg .page-item:last-child .page-link { + border-top-left-radius: .3rem; + border-bottom-left-radius: .3rem; +} +.pagination-sm .page-link { + padding: .25rem .5rem; + font-size: .875rem; +} +.pagination-sm .page-item:first-child .page-link { + border-top-right-radius: .2rem; + border-bottom-right-radius: .2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-left-radius: .2rem; + border-bottom-left-radius: .2rem; +} +.badge { + display: inline-block; + padding: .35em .65em; + font-size: .75em; + font-weight: 700; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25rem; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.alert { + position: relative; + padding: 1rem 1rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: .25rem; +} +.alert-heading { + color: inherit; +} +.alert-link { + font-weight: 700; +} +.alert-dismissible { + padding-left: 3rem; +} +.alert-dismissible .btn-close { + position: absolute; + top: 0; + left: 0; + z-index: 2; + padding: 1.25rem 1rem; +} +.alert-primary { + color: #084298; + background-color: #cfe2ff; + border-color: #b6d4fe; +} +.alert-primary .alert-link { + color: #06357a; +} +.alert-secondary { + color: #41464b; + background-color: #e2e3e5; + border-color: #d3d6d8; +} +.alert-secondary .alert-link { + color: #34383c; +} +.alert-success { + color: #0f5132; + background-color: #d1e7dd; + border-color: #badbcc; +} +.alert-success .alert-link { + color: #0c4128; +} +.alert-info { + color: #055160; + background-color: #cff4fc; + border-color: #b6effb; +} +.alert-info .alert-link { + color: #04414d; +} +.alert-warning { + color: #664d03; + background-color: #fff3cd; + border-color: #ffecb5; +} +.alert-warning .alert-link { + color: #523e02; +} +.alert-danger { + color: #842029; + background-color: #f8d7da; + border-color: #f5c2c7; +} +.alert-danger .alert-link { + color: #6a1a21; +} +.alert-light { + color: #636464; + background-color: #fefefe; + border-color: #fdfdfe; +} +.alert-light .alert-link { + color: #4f5050; +} +.alert-dark { + color: #141619; + background-color: #d3d3d4; + border-color: #bcbebf; +} +.alert-dark .alert-link { + color: #101214; +} +@-webkit-keyframes progress-bar-stripes { + 0% { + background-position-x: 1rem; +} +}@keyframes progress-bar-stripes { + 0% { + background-position-x: 1rem; +} +}.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: .75rem; + background-color: #e9ecef; + border-radius: .25rem; +} +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #fff; + text-align: center; + white-space: nowrap; + background-color: #0d6efd; + transition: width .6s ease; +} +@media (prefers-reduced-motion:reduce) { + .progress-bar { + transition: none; +} +}.progress-bar-striped { + background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} +.progress-bar-animated { + -webkit-animation: 1s linear infinite progress-bar-stripes; + animation: 1s linear infinite progress-bar-stripes; +} +@media (prefers-reduced-motion:reduce) { + .progress-bar-animated { + -webkit-animation: none; + animation: none; +} +}.list-group { + display: flex; + flex-direction: column; + padding-right: 0; + margin-bottom: 0; + border-radius: .25rem; +} +.list-group-numbered { + list-style-type: none; + counter-reset: section; +} +.list-group-numbered>li::before { + content: counters(section, ".") ". "; + counter-increment: section; +} +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.list-group-item-action:focus, .list-group-item-action:hover { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #f8f9fa; +} +.list-group-item-action:active { + color: #212529; + background-color: #e9ecef; +} +.list-group-item { + position: relative; + display: block; + padding: .5rem 1rem; + color: #212529; + text-decoration: none; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, .125); +} +.list-group-item:first-child { + border-top-right-radius: inherit; + border-top-left-radius: inherit; +} +.list-group-item:last-child { + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: #fff; +} +.list-group-item.active { + z-index: 2; + color: #fff; + background-color: #0d6efd; + border-color: #0d6efd; +} +.list-group-item+.list-group-item { + border-top-width: 0; +} +.list-group-item+.list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal>.list-group-item:first-child { + border-bottom-right-radius: .25rem; + border-top-left-radius: 0; +} +.list-group-horizontal>.list-group-item:last-child { + border-top-left-radius: .25rem; + border-bottom-right-radius: 0; +} +.list-group-horizontal>.list-group-item.active { + margin-top: 0; +} +.list-group-horizontal>.list-group-item+.list-group-item { + border-top-width: 1px; + border-right-width: 0; +} +.list-group-horizontal>.list-group-item+.list-group-item.active { + margin-right: -1px; + border-right-width: 1px; +} +@media (min-width:576px) { + .list-group-horizontal-sm { + flex-direction: row; +} +.list-group-horizontal-sm>.list-group-item:first-child { + border-bottom-right-radius: .25rem; + border-top-left-radius: 0; +} +.list-group-horizontal-sm>.list-group-item:last-child { + border-top-left-radius: .25rem; + +} +} \ No newline at end of file diff --git a/public/assets/css/vendor/icomoon.css b/public/assets/css/vendor/icomoon.css new file mode 100644 index 0000000..0b9ba57 --- /dev/null +++ b/public/assets/css/vendor/icomoon.css @@ -0,0 +1,355 @@ +@font-face { + font-family: 'icomoon'; + src: url('../../fonts/icomoon.eot?wkki4d'); + src: url('../../fonts/icomoon.eot?wkki4d#iefix') format('embedded-opentype'), + url('../../fonts/icomoon.ttf?wkki4d') format('truetype'), + url('../../fonts/icomoon.woff?wkki4d') format('woff'), + url('../../fonts/icomoon.svg?wkki4d#icomoon') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-add:before { + content: "\e95c"; +} +.icon-remove:before { + content: "\e95d"; +} + +.icon-east:before { + content: "\e95a"; +} +.icon-west:before { + content: "\e95b"; +} +.icon-envelope:before { + content: "\f0e0"; +} +.icon-angle-left:before { + content: "\f104"; +} +.icon-angle-right:before { + content: "\f105"; +} +.icon-share-alt:before { + content: "\f1e0"; +} +.icon-1:before { + content: "\e900"; +} +.icon-2:before { + content: "\e901"; +} +.icon-3:before { + content: "\e902"; +} +.icon-4:before { + content: "\e903"; +} +.icon-5:before { + content: "\e904"; +} +.icon-6:before { + content: "\e905"; +} +.icon-7:before { + content: "\e906"; +} +.icon-8:before { + content: "\e907"; +} +.icon-9:before { + content: "\e908"; +} +.icon-10:before { + content: "\e909"; +} +.icon-11:before { + content: "\e90a"; +} +.icon-12:before { + content: "\e90b"; +} +.icon-13:before { + content: "\e90c"; +} +.icon-14:before { + content: "\e90d"; +} +.icon-15:before { + content: "\e90e"; +} +.icon-16:before { + content: "\e90f"; +} +.icon-17:before { + content: "\e910"; +} +.icon-18:before { + content: "\e911"; +} +.icon-19:before { + content: "\e912"; +} +.icon-20:before { + content: "\e913"; +} +.icon-21:before { + content: "\e914"; +} +.icon-22:before { + content: "\e915"; +} +.icon-23:before { + content: "\e916"; +} +.icon-24:before { + content: "\e917"; +} +.icon-25:before { + content: "\e918"; +} +.icon-26:before { + content: "\e919"; +} +.icon-27:before { + content: "\e91a"; +} +.icon-28:before { + content: "\e91b"; +} +.icon-29:before { + content: "\e91c"; +} +.icon-30:before { + content: "\e91d"; +} +.icon-31:before { + content: "\e91e"; +} +.icon-32:before { + content: "\e91f"; +} +.icon-33:before { + content: "\e920"; +} +.icon-34:before { + content: "\e921"; +} +.icon-35:before { + content: "\e922"; +} +.icon-36:before { + content: "\e923"; +} +.icon-37:before { + content: "\e924"; +} +.icon-38:before { + content: "\e925"; +} +.icon-39:before { + content: "\e926"; +} +.icon-40:before { + content: "\e927"; +} +.icon-41:before { + content: "\e928"; +} +.icon-42:before { + content: "\e929"; +} +.icon-43:before { + content: "\e92a"; +} +.icon-44:before { + content: "\e92b"; +} +.icon-45:before { + content: "\e92c"; +} +.icon-46:before { + content: "\e92d"; +} +.icon-47:before { + content: "\e92e"; +} +.icon-48:before { + content: "\e92f"; +} +.icon-49:before { + content: "\e930"; +} +.icon-50:before { + content: "\e931"; +} +.icon-51:before { + content: "\e932"; +} +.icon-52:before { + content: "\e933"; +} +.icon-53:before { + content: "\e934"; +} +.icon-54:before { + content: "\e935"; +} +.icon-55:before { + content: "\e936"; +} +.icon-56:before { + content: "\e937"; +} +.icon-57:before { + content: "\e938"; +} +.icon-58:before { + content: "\e939"; +} +.icon-59:before { + content: "\e93a"; +} +.icon-60:before { + content: "\e93b"; +} +.icon-61:before { + content: "\e93c"; +} +.icon-62:before { + content: "\e93d"; +} +.icon-63:before { + content: "\e93e"; +} +.icon-64:before { + content: "\e93f"; +} +.icon-65:before { + content: "\e940"; +} +.icon-66:before { + content: "\e941"; +} +.icon-67:before { + content: "\e942"; +} +.icon-68:before { + content: "\e943"; +} +.icon-69:before { + content: "\e944"; +} +.icon-70:before { + content: "\e945"; +} +.icon-71:before { + content: "\e946"; +} +.icon-72:before { + content: "\e947"; +} +.icon-73:before { + content: "\e948"; +} +.icon-74:before { + content: "\e949"; +} +.icon-75:before { + content: "\e94a"; +} +.icon-76:before { + content: "\e94b"; +} +.icon-77:before { + content: "\e94c"; +} +.icon-78:before { + content: "\e94d"; +} +.icon-79:before { + content: "\e94e"; +} +.icon-80:before { + content: "\e94f"; +} +.icon-81:before { + content: "\e950"; +} +.icon-82:before { + content: "\e951"; +} +.icon-83:before { + content: "\e952"; +} +.icon-84:before { + content: "\e953"; +} +.icon-85:before { + content: "\e954"; +} +.icon-86:before { + content: "\e955"; +} +.icon-87:before { + content: "\e956"; +} +.icon-88:before { + content: "\e957"; +} +.icon-89:before { + content: "\e958"; +} +.icon-phone:before { + content: "\e959"; +} +.icon-star-empty:before { + content: "\e9d7"; +} +.icon-star-half:before { + content: "\e9d8"; +} +.icon-star-full:before { + content: "\e9d9"; +} +.icon-minus:before { + content: "\ea0b"; +} +.icon-share2:before { + content: "\ea82"; +} +.icon-facebook:before { + content: "\ea90"; +} +.icon-instagram:before { + content: "\ea92"; +} +.icon-twitter:before { + content: "\ea96"; +} +.icon-youtube:before { + content: "\ea9d"; +} +.icon-linkedin2:before { + content: "\eaca"; +} +.icon-pinterest:before { + content: "\ead1"; +} diff --git a/public/assets/css/vendor/jqueru-ui-min.css b/public/assets/css/vendor/jqueru-ui-min.css new file mode 100644 index 0000000..2ec8859 --- /dev/null +++ b/public/assets/css/vendor/jqueru-ui-min.css @@ -0,0 +1,788 @@ +.ui-helper-hidden { + display: none; +} +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +.ui-helper-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + line-height: 1.3; + text-decoration: none; + font-size: 100%; + list-style: none; +} +.ui-helper-clearfix:before, .ui-helper-clearfix:after { + content: ""; + display: table; + border-collapse: collapse; +} +.ui-helper-clearfix:after { + clear: both; +} +.ui-helper-clearfix { + min-height: 0; +} +.ui-helper-zfix { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + opacity: 0; + filter: Alpha(Opacity=0); +} +.ui-front { + z-index: 100; +} +.ui-state-disabled { + cursor: default !important; +} +.ui-icon { + display: block; + text-indent: -99999px; + overflow: hidden; + background-repeat: no-repeat; +} +.ui-widget-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%} +.ui-slider { + position: relative; + text-align: left; +} +.ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1.2em; + height: 1.2em; + cursor: default; + -ms-touch-action: none; + touch-action: none; +} +.ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: .7em; + display: block; + border: 0; + background-position: 0 0; +} +.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { + -webkit-filter: inherit; + filter: inherit; +} +.ui-slider-horizontal { + height: .8em; +} +.ui-slider-horizontal .ui-slider-handle { + top: -.3em; + margin-left: -.6em; +} +.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%} +.ui-slider-horizontal .ui-slider-range-min { + left: 0; +} +.ui-slider-horizontal .ui-slider-range-max { + right: 0; +} +.ui-slider-vertical { + width: .8em; + height: 100px; +} +.ui-slider-vertical .ui-slider-handle { + left: -.3em; + margin-left: 0; + margin-bottom: -.6em; +} +.ui-slider-vertical .ui-slider-range { + left: 0; + width: 100%} +.ui-slider-vertical .ui-slider-range-min { + bottom: 0; +} +.ui-slider-vertical .ui-slider-range-max { + top: 0; +} +.ui-widget { + font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; + font-size: 1.1em; +} +.ui-widget .ui-widget { + font-size: 1em; +} +.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { + font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; + font-size: 1em; +} +.ui-widget-content { + border: 1px solid #a6c9e2; + background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x; + color: #222; +} +.ui-widget-content a { + color: #222; +} +.ui-widget-header { + border: 1px solid #4297d7; + background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x; + color: #fff; + font-weight: bold; +} +.ui-widget-header a { + color: #fff; +} +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { + border: 1px solid #c5dbec; + background: #dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x; + font-weight: bold; + color: #2e6e9e; +} +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { + color: #2e6e9e; + text-decoration: none; +} +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { + border: 1px solid #79b7e7; + background: #d0e5f5 url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x; + font-weight: bold; + color: #1d5987; +} +.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { + color: #1d5987; + text-decoration: none; +} +.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { + border: 1px solid #79b7e7; + background: #f5f8f9 url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x; + font-weight: bold; + color: #e17009; +} +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { + color: #e17009; + text-decoration: none; +} +.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { + border: 1px solid #fad42e; + background: #fbec88; + color: #363636; +} +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { + color: #363636; +} +.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { + border: 1px solid #cd0a0a; + background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; + color: #cd0a0a; +} +.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { + color: #cd0a0a; +} +.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { + color: #cd0a0a; +} +.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { + font-weight: bold; +} +.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { + opacity: .7; + filter: Alpha(Opacity=70); + font-weight: normal; +} +.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { + opacity: .35; + filter: Alpha(Opacity=35); + background-image: none; +} +.ui-state-disabled .ui-icon { + filter: Alpha(Opacity=35); +} +.ui-icon { + width: 16px; + height: 16px; +} +.ui-icon, .ui-widget-content .ui-icon { + background-image: url("images/ui-icons_469bdd_256x240.png"); +} +.ui-widget-header .ui-icon { + background-image: url("images/ui-icons_d8e7f3_256x240.png"); +} +.ui-state-default .ui-icon { + background-image: url("images/ui-icons_6da8d5_256x240.png"); +} +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { + background-image: url("images/ui-icons_217bc0_256x240.png"); +} +.ui-state-active .ui-icon { + background-image: url("images/ui-icons_f9bd01_256x240.png"); +} +.ui-state-highlight .ui-icon { + background-image: url("images/ui-icons_2e83ff_256x240.png"); +} +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { + background-image: url("images/ui-icons_cd0a0a_256x240.png"); +} +.ui-icon-blank { + background-position: 16px 16px; +} +.ui-icon-carat-1-n { + background-position: 0 0; +} +.ui-icon-carat-1-ne { + background-position: -16px 0; +} +.ui-icon-carat-1-e { + background-position: -32px 0; +} +.ui-icon-carat-1-se { + background-position: -48px 0; +} +.ui-icon-carat-1-s { + background-position: -64px 0; +} +.ui-icon-carat-1-sw { + background-position: -80px 0; +} +.ui-icon-carat-1-w { + background-position: -96px 0; +} +.ui-icon-carat-1-nw { + background-position: -112px 0; +} +.ui-icon-carat-2-n-s { + background-position: -128px 0; +} +.ui-icon-carat-2-e-w { + background-position: -144px 0; +} +.ui-icon-triangle-1-n { + background-position: 0 -16px; +} +.ui-icon-triangle-1-ne { + background-position: -16px -16px; +} +.ui-icon-triangle-1-e { + background-position: -32px -16px; +} +.ui-icon-triangle-1-se { + background-position: -48px -16px; +} +.ui-icon-triangle-1-s { + background-position: -64px -16px; +} +.ui-icon-triangle-1-sw { + background-position: -80px -16px; +} +.ui-icon-triangle-1-w { + background-position: -96px -16px; +} +.ui-icon-triangle-1-nw { + background-position: -112px -16px; +} +.ui-icon-triangle-2-n-s { + background-position: -128px -16px; +} +.ui-icon-triangle-2-e-w { + background-position: -144px -16px; +} +.ui-icon-arrow-1-n { + background-position: 0 -32px; +} +.ui-icon-arrow-1-ne { + background-position: -16px -32px; +} +.ui-icon-arrow-1-e { + background-position: -32px -32px; +} +.ui-icon-arrow-1-se { + background-position: -48px -32px; +} +.ui-icon-arrow-1-s { + background-position: -64px -32px; +} +.ui-icon-arrow-1-sw { + background-position: -80px -32px; +} +.ui-icon-arrow-1-w { + background-position: -96px -32px; +} +.ui-icon-arrow-1-nw { + background-position: -112px -32px; +} +.ui-icon-arrow-2-n-s { + background-position: -128px -32px; +} +.ui-icon-arrow-2-ne-sw { + background-position: -144px -32px; +} +.ui-icon-arrow-2-e-w { + background-position: -160px -32px; +} +.ui-icon-arrow-2-se-nw { + background-position: -176px -32px; +} +.ui-icon-arrowstop-1-n { + background-position: -192px -32px; +} +.ui-icon-arrowstop-1-e { + background-position: -208px -32px; +} +.ui-icon-arrowstop-1-s { + background-position: -224px -32px; +} +.ui-icon-arrowstop-1-w { + background-position: -240px -32px; +} +.ui-icon-arrowthick-1-n { + background-position: 0 -48px; +} +.ui-icon-arrowthick-1-ne { + background-position: -16px -48px; +} +.ui-icon-arrowthick-1-e { + background-position: -32px -48px; +} +.ui-icon-arrowthick-1-se { + background-position: -48px -48px; +} +.ui-icon-arrowthick-1-s { + background-position: -64px -48px; +} +.ui-icon-arrowthick-1-sw { + background-position: -80px -48px; +} +.ui-icon-arrowthick-1-w { + background-position: -96px -48px; +} +.ui-icon-arrowthick-1-nw { + background-position: -112px -48px; +} +.ui-icon-arrowthick-2-n-s { + background-position: -128px -48px; +} +.ui-icon-arrowthick-2-ne-sw { + background-position: -144px -48px; +} +.ui-icon-arrowthick-2-e-w { + background-position: -160px -48px; +} +.ui-icon-arrowthick-2-se-nw { + background-position: -176px -48px; +} +.ui-icon-arrowthickstop-1-n { + background-position: -192px -48px; +} +.ui-icon-arrowthickstop-1-e { + background-position: -208px -48px; +} +.ui-icon-arrowthickstop-1-s { + background-position: -224px -48px; +} +.ui-icon-arrowthickstop-1-w { + background-position: -240px -48px; +} +.ui-icon-arrowreturnthick-1-w { + background-position: 0 -64px; +} +.ui-icon-arrowreturnthick-1-n { + background-position: -16px -64px; +} +.ui-icon-arrowreturnthick-1-e { + background-position: -32px -64px; +} +.ui-icon-arrowreturnthick-1-s { + background-position: -48px -64px; +} +.ui-icon-arrowreturn-1-w { + background-position: -64px -64px; +} +.ui-icon-arrowreturn-1-n { + background-position: -80px -64px; +} +.ui-icon-arrowreturn-1-e { + background-position: -96px -64px; +} +.ui-icon-arrowreturn-1-s { + background-position: -112px -64px; +} +.ui-icon-arrowrefresh-1-w { + background-position: -128px -64px; +} +.ui-icon-arrowrefresh-1-n { + background-position: -144px -64px; +} +.ui-icon-arrowrefresh-1-e { + background-position: -160px -64px; +} +.ui-icon-arrowrefresh-1-s { + background-position: -176px -64px; +} +.ui-icon-arrow-4 { + background-position: 0 -80px; +} +.ui-icon-arrow-4-diag { + background-position: -16px -80px; +} +.ui-icon-extlink { + background-position: -32px -80px; +} +.ui-icon-newwin { + background-position: -48px -80px; +} +.ui-icon-refresh { + background-position: -64px -80px; +} +.ui-icon-shuffle { + background-position: -80px -80px; +} +.ui-icon-transfer-e-w { + background-position: -96px -80px; +} +.ui-icon-transferthick-e-w { + background-position: -112px -80px; +} +.ui-icon-folder-collapsed { + background-position: 0 -96px; +} +.ui-icon-folder-open { + background-position: -16px -96px; +} +.ui-icon-document { + background-position: -32px -96px; +} +.ui-icon-document-b { + background-position: -48px -96px; +} +.ui-icon-note { + background-position: -64px -96px; +} +.ui-icon-mail-closed { + background-position: -80px -96px; +} +.ui-icon-mail-open { + background-position: -96px -96px; +} +.ui-icon-suitcase { + background-position: -112px -96px; +} +.ui-icon-comment { + background-position: -128px -96px; +} +.ui-icon-person { + background-position: -144px -96px; +} +.ui-icon-print { + background-position: -160px -96px; +} +.ui-icon-trash { + background-position: -176px -96px; +} +.ui-icon-locked { + background-position: -192px -96px; +} +.ui-icon-unlocked { + background-position: -208px -96px; +} +.ui-icon-bookmark { + background-position: -224px -96px; +} +.ui-icon-tag { + background-position: -240px -96px; +} +.ui-icon-home { + background-position: 0 -112px; +} +.ui-icon-flag { + background-position: -16px -112px; +} +.ui-icon-calendar { + background-position: -32px -112px; +} +.ui-icon-cart { + background-position: -48px -112px; +} +.ui-icon-pencil { + background-position: -64px -112px; +} +.ui-icon-clock { + background-position: -80px -112px; +} +.ui-icon-disk { + background-position: -96px -112px; +} +.ui-icon-calculator { + background-position: -112px -112px; +} +.ui-icon-zoomin { + background-position: -128px -112px; +} +.ui-icon-zoomout { + background-position: -144px -112px; +} +.ui-icon-search { + background-position: -160px -112px; +} +.ui-icon-wrench { + background-position: -176px -112px; +} +.ui-icon-gear { + background-position: -192px -112px; +} +.ui-icon-heart { + background-position: -208px -112px; +} +.ui-icon-star { + background-position: -224px -112px; +} +.ui-icon-link { + background-position: -240px -112px; +} +.ui-icon-cancel { + background-position: 0 -128px; +} +.ui-icon-plus { + background-position: -16px -128px; +} +.ui-icon-plusthick { + background-position: -32px -128px; +} +.ui-icon-minus { + background-position: -48px -128px; +} +.ui-icon-minusthick { + background-position: -64px -128px; +} +.ui-icon-close { + background-position: -80px -128px; +} +.ui-icon-closethick { + background-position: -96px -128px; +} +.ui-icon-key { + background-position: -112px -128px; +} +.ui-icon-lightbulb { + background-position: -128px -128px; +} +.ui-icon-scissors { + background-position: -144px -128px; +} +.ui-icon-clipboard { + background-position: -160px -128px; +} +.ui-icon-copy { + background-position: -176px -128px; +} +.ui-icon-contact { + background-position: -192px -128px; +} +.ui-icon-image { + background-position: -208px -128px; +} +.ui-icon-video { + background-position: -224px -128px; +} +.ui-icon-script { + background-position: -240px -128px; +} +.ui-icon-alert { + background-position: 0 -144px; +} +.ui-icon-info { + background-position: -16px -144px; +} +.ui-icon-notice { + background-position: -32px -144px; +} +.ui-icon-help { + background-position: -48px -144px; +} +.ui-icon-check { + background-position: -64px -144px; +} +.ui-icon-bullet { + background-position: -80px -144px; +} +.ui-icon-radio-on { + background-position: -96px -144px; +} +.ui-icon-radio-off { + background-position: -112px -144px; +} +.ui-icon-pin-w { + background-position: -128px -144px; +} +.ui-icon-pin-s { + background-position: -144px -144px; +} +.ui-icon-play { + background-position: 0 -160px; +} +.ui-icon-pause { + background-position: -16px -160px; +} +.ui-icon-seek-next { + background-position: -32px -160px; +} +.ui-icon-seek-prev { + background-position: -48px -160px; +} +.ui-icon-seek-end { + background-position: -64px -160px; +} +.ui-icon-seek-start { + background-position: -80px -160px; +} +.ui-icon-seek-first { + background-position: -80px -160px; +} +.ui-icon-stop { + background-position: -96px -160px; +} +.ui-icon-eject { + background-position: -112px -160px; +} +.ui-icon-volume-off { + background-position: -128px -160px; +} +.ui-icon-volume-on { + background-position: -144px -160px; +} +.ui-icon-power { + background-position: 0 -176px; +} +.ui-icon-signal-diag { + background-position: -16px -176px; +} +.ui-icon-signal { + background-position: -32px -176px; +} +.ui-icon-battery-0 { + background-position: -48px -176px; +} +.ui-icon-battery-1 { + background-position: -64px -176px; +} +.ui-icon-battery-2 { + background-position: -80px -176px; +} +.ui-icon-battery-3 { + background-position: -96px -176px; +} +.ui-icon-circle-plus { + background-position: 0 -192px; +} +.ui-icon-circle-minus { + background-position: -16px -192px; +} +.ui-icon-circle-close { + background-position: -32px -192px; +} +.ui-icon-circle-triangle-e { + background-position: -48px -192px; +} +.ui-icon-circle-triangle-s { + background-position: -64px -192px; +} +.ui-icon-circle-triangle-w { + background-position: -80px -192px; +} +.ui-icon-circle-triangle-n { + background-position: -96px -192px; +} +.ui-icon-circle-arrow-e { + background-position: -112px -192px; +} +.ui-icon-circle-arrow-s { + background-position: -128px -192px; +} +.ui-icon-circle-arrow-w { + background-position: -144px -192px; +} +.ui-icon-circle-arrow-n { + background-position: -160px -192px; +} +.ui-icon-circle-zoomin { + background-position: -176px -192px; +} +.ui-icon-circle-zoomout { + background-position: -192px -192px; +} +.ui-icon-circle-check { + background-position: -208px -192px; +} +.ui-icon-circlesmall-plus { + background-position: 0 -208px; +} +.ui-icon-circlesmall-minus { + background-position: -16px -208px; +} +.ui-icon-circlesmall-close { + background-position: -32px -208px; +} +.ui-icon-squaresmall-plus { + background-position: -48px -208px; +} +.ui-icon-squaresmall-minus { + background-position: -64px -208px; +} +.ui-icon-squaresmall-close { + background-position: -80px -208px; +} +.ui-icon-grip-dotted-vertical { + background-position: 0 -224px; +} +.ui-icon-grip-dotted-horizontal { + background-position: -16px -224px; +} +.ui-icon-grip-solid-vertical { + background-position: -32px -224px; +} +.ui-icon-grip-solid-horizontal { + background-position: -48px -224px; +} +.ui-icon-gripsmall-diagonal-se { + background-position: -64px -224px; +} +.ui-icon-grip-diagonal-se { + background-position: -80px -224px; +} +.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { + border-top-left-radius: 5px; +} +.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { + border-top-right-radius: 5px; +} +.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { + border-bottom-left-radius: 5px; +} +.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { + border-bottom-right-radius: 5px; +} +.ui-widget-overlay { + background: #aaa; + opacity: .3; + filter: Alpha(Opacity=30); +} +.ui-widget-shadow { + margin: -8px 0 0 -8px; + padding: 8px; + background: #aaa; + opacity: .3; + filter: Alpha(Opacity=30); + border-radius: 8px; +} \ No newline at end of file diff --git a/public/assets/css/vendor/lightbox.min.css b/public/assets/css/vendor/lightbox.min.css new file mode 100644 index 0000000..9c105eb --- /dev/null +++ b/public/assets/css/vendor/lightbox.min.css @@ -0,0 +1,894 @@ +@font-face { + font-family: 'lg'; + src: url("../../images/icons/lg.eot?n1z373"); + src: url("../../images/icons/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../../images/icons/lg.woff?n1z373") format("woff"), url("../../images/icons/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg"); + font-weight: normal; + font-style: normal; +} +.lg-icon { + font-family: 'lg'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.lg-actions .lg-next, .lg-actions .lg-prev { + background-color: rgba(0, 0, 0, 0.45); + border-radius: 2px; + color: #999; + cursor: pointer; + display: block; + font-size: 22px; + margin-top: -10px; + padding: 8px 10px 9px; + position: absolute; + top: 50%; + z-index: 1080; +} +.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { + pointer-events: none; + opacity: .5; +} +.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { + color: #FFF; +} +.lg-actions .lg-next { + right: 20px; +} +.lg-actions .lg-next:before { + content: "\e095"} +.lg-actions .lg-prev { + left: 20px; +} +.lg-actions .lg-prev:after { + content: "\e094"} +@-webkit-keyframes lg-right-end { + 0% { + left: 0; +} +50% { + left: -30px; +} +100% { + left: 0; +} +}@keyframes lg-right-end { + 0% { + left: 0; +} +50% { + left: -30px; +} +100% { + left: 0; +} +}@-webkit-keyframes lg-left-end { + 0% { + left: 0; +} +50% { + left: 30px; +} +100% { + left: 0; +} +}@keyframes lg-left-end { + 0% { + left: 0; +} +50% { + left: 30px; +} +100% { + left: 0; +} +}.lg-outer.lg-right-end .lg-object { + -webkit-animation: lg-right-end .3s; + animation: lg-right-end .3s; + position: relative; +} +.lg-outer.lg-left-end .lg-object { + -webkit-animation: lg-left-end .3s; + animation: lg-left-end .3s; + position: relative; +} +.lg-toolbar { + z-index: 1082; + left: 0; + position: absolute; + top: 0; + width: 100%; + background-color: rgba(0, 0, 0, 0.45); +} +.lg-toolbar .lg-icon { + color: #999; + cursor: pointer; + float: right; + font-size: 24px; + height: 47px; + line-height: 27px; + padding: 10px 0; + text-align: center; + width: 50px; + text-decoration: none !important; + outline: medium none; + -webkit-transition: color .2s linear; + -o-transition: color .2s linear; + transition: color .2s linear; +} +.lg-toolbar .lg-icon:hover { + color: #FFF; +} +.lg-toolbar .lg-close:after { + content: "\e070"} +.lg-toolbar .lg-download:after { + content: "\e0f2"} +.lg-sub-html { + background-color: rgba(0, 0, 0, 0.45); + bottom: 0; + color: #EEE; + font-size: 16px; + left: 0; + padding: 10px 40px; + position: fixed; + right: 0; + text-align: center; + z-index: 1080; +} +.lg-sub-html h4 { + margin: 0; + font-size: 13px; + font-weight: bold; +} +.lg-sub-html p { + font-size: 12px; + margin: 5px 0 0; +} +#lg-counter { + color: #999; + display: inline-block; + font-size: 16px; + padding-left: 20px; + padding-top: 12px; + vertical-align: middle; +} +.lg-toolbar, .lg-prev, .lg-next { + opacity: 1; + -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .35s cubic-bezier(0, 0, 0.25, 1) 0s, color .2s linear; + -o-transition: -o-transform .35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .35s cubic-bezier(0, 0, 0.25, 1) 0s, color .2s linear; + -webkit-transition: opacity .35s cubic-bezier(0, 0, 0.25, 1) 0s, color .2s linear, -webkit-transform .35s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: opacity .35s cubic-bezier(0, 0, 0.25, 1) 0s, color .2s linear, -webkit-transform .35s cubic-bezier(0, 0, 0.25, 1) 0s; + -o-transition: transform .35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .35s cubic-bezier(0, 0, 0.25, 1) 0s, color .2s linear; + transition: transform .35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .35s cubic-bezier(0, 0, 0.25, 1) 0s, color .2s linear; + transition: transform .35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .35s cubic-bezier(0, 0, 0.25, 1) 0s, color .2s linear, -webkit-transform .35s cubic-bezier(0, 0, 0.25, 1) 0s; +} +.lg-hide-items .lg-prev { + opacity: 0; + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); +} +.lg-hide-items .lg-next { + opacity: 0; + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); +} +.lg-hide-items .lg-toolbar { + opacity: 0; + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); +} +body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { + -webkit-transform: scale3d(0.5, 0.5, 0.5); + transform: scale3d(0.5, 0.5, 0.5); + opacity: 0; + -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; + -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; + -webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; + transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; + -o-transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; + transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; + transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; + -webkit-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%} +body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; +} +.lg-outer .lg-thumb-outer { + background-color: #0d0a0a; + bottom: 0; + position: absolute; + width: 100%; + z-index: 1080; + max-height: 350px; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, 0.25, 1) 0s; + -o-transition: -o-transform .25s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: -webkit-transform .25s cubic-bezier(0, 0, 0.25, 1) 0s; + -o-transition: transform .25s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: transform .25s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: transform .25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform .25s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: transform .25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform .25s cubic-bezier(0, 0, 0.25, 1) 0s; +} +.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { + cursor: -webkit-grab; + cursor: -o-grab; + cursor: -ms-grab; + cursor: grab; +} +.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { + cursor: move; + cursor: -webkit-grabbing; + cursor: -o-grabbing; + cursor: -ms-grabbing; + cursor: grabbing; +} +.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { + -webkit-transition-duration: 0s !important; + -o-transition-duration: 0s !important; + transition-duration: 0s !important; +} +.lg-outer.lg-thumb-open .lg-thumb-outer { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.lg-outer .lg-thumb { + padding: 10px 0; + height: 100%; + margin-bottom: -5px; +} +.lg-outer .lg-thumb-item { + border-radius: 5px; + cursor: pointer; + float: left; + overflow: hidden; + height: 100%; + border: 2px solid #FFF; + border-radius: 4px; + margin-bottom: 5px; +} +@media(min-width:1025px) { + .lg-outer .lg-thumb-item { + -webkit-transition: border-color .25s ease; + -o-transition: border-color .25s ease; + transition: border-color .25s ease; +} +}.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { + border-color: #a90707; +} +.lg-outer .lg-thumb-item img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.lg-outer.lg-has-thumb .lg-item { + padding-bottom: 120px; +} +.lg-outer.lg-can-toggle .lg-item { + padding-bottom: 0; +} +.lg-outer.lg-pull-caption-up .lg-sub-html { + -webkit-transition: bottom .25s ease; + -o-transition: bottom .25s ease; + transition: bottom .25s ease; +} +.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { + bottom: 100px; +} +.lg-outer .lg-toggle-thumb { + background-color: #0d0a0a; + border-radius: 2px 2px 0 0; + color: #999; + cursor: pointer; + font-size: 24px; + height: 39px; + line-height: 27px; + padding: 5px 0; + position: absolute; + right: 20px; + text-align: center; + top: -39px; + width: 50px; +} +.lg-outer .lg-toggle-thumb:after { + content: "\e1ff"} +.lg-outer .lg-toggle-thumb:hover { + color: #FFF; +} +.lg-outer .lg-video-cont { + display: inline-block; + vertical-align: middle; + max-width: 1140px; + max-height: 100%; + width: 100%; + padding: 0 5px; +} +.lg-outer .lg-video { + width: 100%; + height: 0; + padding-bottom: 56.25%; + overflow: hidden; + position: relative; +} +.lg-outer .lg-video .lg-object { + display: inline-block; + position: absolute; + top: 0; + left: 0; + width: 100% !important; + height: 100% !important; +} +.lg-outer .lg-video .lg-video-play { + width: 84px; + height: 59px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -42px; + margin-top: -30px; + z-index: 1080; + cursor: pointer; +} +.lg-outer .lg-has-vimeo .lg-video-play { + background: url("../../images/icons/vimeo-play.png") no-repeat scroll 0 0 transparent; +} +.lg-outer .lg-has-vimeo:hover .lg-video-play { + background: url("../../images/icons/vimeo-play.png") no-repeat scroll 0 -58px transparent; +} +.lg-outer .lg-has-html5 .lg-video-play { + background: transparent url("../../images/icons/video-play.png") no-repeat scroll 0 0; + height: 64px; + margin-left: -32px; + margin-top: -32px; + width: 64px; + opacity: .8; +} +.lg-outer .lg-has-html5:hover .lg-video-play { + opacity: 1; +} +.lg-outer .lg-has-youtube .lg-video-play { + background: url("../../images/icons/youtube-play.png") no-repeat scroll 0 0 transparent; +} +.lg-outer .lg-has-youtube:hover .lg-video-play { + background: url("../../images/icons/youtube-play.png") no-repeat scroll 0 -60px transparent; +} +.lg-outer .lg-video-object { + width: 100% !important; + height: 100% !important; + position: absolute; + top: 0; + left: 0; +} +.lg-outer .lg-has-video .lg-video-object { + visibility: hidden; +} +.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { + display: none; +} +.lg-outer .lg-has-video.lg-video-playing .lg-video-object { + visibility: visible; +} +.lg-progress-bar { + background-color: #333; + height: 5px; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 1083; + opacity: 0; + -webkit-transition: opacity .08s ease 0s; + -o-transition: opacity .08s ease 0s; + transition: opacity .08s ease 0s; +} +.lg-progress-bar .lg-progress { + background-color: #a90707; + height: 5px; + width: 0; +} +.lg-progress-bar.lg-start .lg-progress { + width: 100%} +.lg-show-autoplay .lg-progress-bar { + opacity: 1; +} +.lg-autoplay-button:after { + content: "\e01d"} +.lg-show-autoplay .lg-autoplay-button:after { + content: "\e01a"} +.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { + -webkit-transition-duration: 0s; + -o-transition-duration: 0s; + transition-duration: 0s; +} +.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { + -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, 0.25, 1) 0s; + -o-transition: -o-transform .3s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: -webkit-transform .3s cubic-bezier(0, 0, 0.25, 1) 0s; + -o-transition: transform .3s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: transform .3s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: transform .3s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform .3s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: transform .3s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform .3s cubic-bezier(0, 0, 0.25, 1) 0s; +} +.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { + -webkit-transition: left .3s cubic-bezier(0, 0, 0.25, 1) 0s, top .3s cubic-bezier(0, 0, 0.25, 1) 0s; + -o-transition: left .3s cubic-bezier(0, 0, 0.25, 1) 0s, top .3s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: left .3s cubic-bezier(0, 0, 0.25, 1) 0s, top .3s cubic-bezier(0, 0, 0.25, 1) 0s; +} +.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .15s !important; + -o-transition: -o-transform .3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .15s !important; + -webkit-transition: opacity .15s, -webkit-transform .3s cubic-bezier(0, 0, 0.25, 1) 0s !important; + transition: opacity .15s, -webkit-transform .3s cubic-bezier(0, 0, 0.25, 1) 0s !important; + -o-transition: transform .3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .15s !important; + transition: transform .3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .15s !important; + transition: transform .3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .15s, -webkit-transform .3s cubic-bezier(0, 0, 0.25, 1) 0s !important; + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +#lg-zoom-in:after { + content: "\e311"} +#lg-actual-size { + font-size: 20px; +} +#lg-actual-size:after { + content: "\e033"} +#lg-zoom-out { + opacity: .5; + pointer-events: none; +} +#lg-zoom-out:after { + content: "\e312"} +.lg-zoomed #lg-zoom-out { + opacity: 1; + pointer-events: auto; +} +.lg-outer .lg-pager-outer { + bottom: 60px; + left: 0; + position: absolute; + right: 0; + text-align: center; + z-index: 1080; + height: 10px; +} +.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { + overflow: visible; +} +.lg-outer .lg-pager-cont { + cursor: pointer; + display: inline-block; + overflow: hidden; + position: relative; + vertical-align: top; + margin: 0 5px; +} +.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.lg-outer .lg-pager-cont.lg-pager-active .lg-pager { + -webkit-box-shadow: 0 0 0 2px white inset; + box-shadow: 0 0 0 2px white inset; +} +.lg-outer .lg-pager-thumb-cont { + background-color: #fff; + color: #FFF; + bottom: 100%; + height: 83px; + left: 0; + margin-bottom: 20px; + margin-left: -60px; + opacity: 0; + padding: 5px; + position: absolute; + width: 120px; + border-radius: 3px; + -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s; + -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s; + transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s; + -o-transition: opacity .15s ease 0s, transform .15s ease 0s; + transition: opacity .15s ease 0s, transform .15s ease 0s; + transition: opacity .15s ease 0s, transform .15s ease 0s, -webkit-transform .15s ease 0s; + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); +} +.lg-outer .lg-pager-thumb-cont img { + width: 100%; + height: 100%} +.lg-outer .lg-pager { + background-color: rgba(255, 255, 255, 0.5); + border-radius: 50%; + -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; + box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; + display: block; + height: 12px; + -webkit-transition: box-shadow .3s ease 0s; + -o-transition: box-shadow .3s ease 0s; + -webkit-transition: -webkit-box-shadow .3s ease 0s; + transition: -webkit-box-shadow .3s ease 0s; + transition: box-shadow .3s ease 0s; + transition: box-shadow .3s ease 0s, -webkit-box-shadow .3s ease 0s; + transition: box-shadow .3s ease 0s, -webkit-box-shadow .3s ease 0s; + width: 12px; +} +.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { + -webkit-box-shadow: 0 0 0 8px white inset; + box-shadow: 0 0 0 8px white inset; +} +.lg-outer .lg-caret { + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px dashed; + bottom: -10px; + display: inline-block; + height: 0; + left: 50%; + margin-left: -5px; + position: absolute; + vertical-align: middle; + width: 0; +} +.lg-fullscreen:after { + content: "\e20c"} +.lg-fullscreen-on .lg-fullscreen:after { + content: "\e20d"} +.lg-outer #lg-dropdown-overlay { + background-color: rgba(0, 0, 0, 0.25); + bottom: 0; + cursor: default; + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 1081; + opacity: 0; + visibility: hidden; + -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s; + -o-transition: visibility 0s linear .18s, opacity .18s linear 0s; + transition: visibility 0s linear .18s, opacity .18s linear 0s; +} +.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { + -webkit-transition-delay: 0s; + -o-transition-delay: 0s; + transition-delay: 0s; + -ms-transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + visibility: visible; +} +.lg-outer.lg-dropdown-active #lg-share { + color: #FFF; +} +.lg-outer .lg-dropdown { + background-color: #fff; + border-radius: 2px; + font-size: 14px; + list-style-type: none; + margin: 0; + padding: 10px 0; + position: absolute; + right: 0; + text-align: left; + top: 50px; + opacity: 0; + visibility: hidden; + -ms-transform: translate3d(0, 5px, 0); + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; + -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; + -webkit-transition: visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s; + transition: visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s; + -o-transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; + transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; + transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s; +} +.lg-outer .lg-dropdown:after { + content: ""; + display: block; + height: 0; + width: 0; + position: absolute; + border: 8px solid transparent; + border-bottom-color: #FFF; + right: 16px; + top: -16px; +} +.lg-outer .lg-dropdown>li:last-child { + margin-bottom: 0; +} +.lg-outer .lg-dropdown>li:hover a, .lg-outer .lg-dropdown>li:hover .lg-icon { + color: #333; +} +.lg-outer .lg-dropdown a { + color: #333; + display: block; + white-space: pre; + padding: 4px 12px; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; +} +.lg-outer .lg-dropdown a:hover { + background-color: rgba(0, 0, 0, 0.07); +} +.lg-outer .lg-dropdown .lg-dropdown-text { + display: inline-block; + line-height: 1; + margin-top: -3px; + vertical-align: middle; +} +.lg-outer .lg-dropdown .lg-icon { + color: #333; + display: inline-block; + float: none; + font-size: 20px; + height: auto; + line-height: 1; + margin-right: 8px; + padding: 0; + vertical-align: middle; + width: auto; +} +.lg-outer #lg-share { + position: relative; +} +.lg-outer #lg-share:after { + content: "\e80d"} +.lg-outer #lg-share-facebook .lg-icon { + color: #3b5998; +} +.lg-outer #lg-share-facebook .lg-icon:after { + content: "\e901"} +.lg-outer #lg-share-twitter .lg-icon { + color: #00aced; +} +.lg-outer #lg-share-twitter .lg-icon:after { + content: "\e904"} +.lg-outer #lg-share-googleplus .lg-icon { + color: #dd4b39; +} +.lg-outer #lg-share-googleplus .lg-icon:after { + content: "\e902"} +.lg-outer #lg-share-pinterest .lg-icon { + color: #cb2027; +} +.lg-outer #lg-share-pinterest .lg-icon:after { + content: "\e903"} +.group { + *zoom: 1; +} +.group:before, .group:after { + display: table; + content: ""; + line-height: 0; +} +.group:after { + clear: both; +} +.lg-outer { + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 1050; + opacity: 0; + -webkit-transition: opacity .15s ease 0s; + -o-transition: opacity .15s ease 0s; + transition: opacity .15s ease 0s; +} +.lg-outer * { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.lg-outer.lg-visible { + opacity: 1; +} +.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { + -webkit-transition-duration: inherit !important; + -o-transition-duration: inherit !important; + transition-duration: inherit !important; + -webkit-transition-timing-function: inherit !important; + -o-transition-timing-function: inherit !important; + transition-timing-function: inherit !important; +} +.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { + -webkit-transition-duration: 0s !important; + -o-transition-duration: 0s !important; + transition-duration: 0s !important; + opacity: 1; +} +.lg-outer.lg-grab img.lg-object { + cursor: -webkit-grab; + cursor: -o-grab; + cursor: -ms-grab; + cursor: grab; +} +.lg-outer.lg-grabbing img.lg-object { + cursor: move; + cursor: -webkit-grabbing; + cursor: -o-grabbing; + cursor: -ms-grabbing; + cursor: grabbing; +} +.lg-outer .lg { + height: 100%; + width: 100%; + position: relative; + overflow: hidden; + margin-left: auto; + margin-right: auto; + max-width: 100%; + max-height: 100%} +.lg-outer .lg-inner { + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + white-space: nowrap; +} +.lg-outer .lg-item { + background: url("../../images/icons/loading.gif") no-repeat scroll center center transparent; + display: none !important; +} +.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { + display: inline-block !important; +} +.lg-outer.lg-css .lg-current { + display: inline-block !important; +} +.lg-outer .lg-item, .lg-outer .lg-img-wrap { + display: inline-block; + text-align: center; + position: absolute; + width: 100%; + height: 100%} +.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { + content: ""; + display: inline-block; + height: 50%; + width: 1px; + margin-right: -1px; +} +.lg-outer .lg-img-wrap { + position: absolute; + padding: 0 5px; + left: 0; + right: 0; + top: 0; + bottom: 0; +} +.lg-outer .lg-item.lg-complete { + background-image: none; +} +.lg-outer .lg-item.lg-current { + z-index: 1060; +} +.lg-outer .lg-image { + display: inline-block; + vertical-align: middle; + max-width: 100%; + max-height: 100%; + width: auto !important; + height: auto !important; +} +.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { + opacity: 0; + -webkit-transition: opacity .15s ease 0s; + -o-transition: opacity .15s ease 0s; + transition: opacity .15s ease 0s; +} +.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { + opacity: 1; +} +.lg-outer .lg-empty-html { + display: none; +} +.lg-outer.lg-hide-download #lg-download { + display: none; +} +.lg-backdrop { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1040; + background-color: #000; + opacity: 0; + -webkit-transition: opacity .15s ease 0s; + -o-transition: opacity .15s ease 0s; + transition: opacity .15s ease 0s; +} +.lg-backdrop.in { + opacity: 1; +} +.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { + -webkit-transition: none 0s ease 0s !important; + -o-transition: none 0s ease 0s !important; + transition: none 0s ease 0s !important; +} +.lg-css3.lg-use-css3 .lg-item { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.lg-css3.lg-use-left .lg-item { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.lg-css3.lg-fade .lg-item { + opacity: 0; +} +.lg-css3.lg-fade .lg-item.lg-current { + opacity: 1; +} +.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { + -webkit-transition: opacity .1s ease 0s; + -o-transition: opacity .1s ease 0s; + transition: opacity .1s ease 0s; +} +.lg-css3.lg-slide.lg-use-css3 .lg-item { + opacity: 0; +} +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .1s ease 0s; + -webkit-transition: opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; + transition: opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; + -o-transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; +} +.lg-css3.lg-slide.lg-use-left .lg-item { + opacity: 0; + position: absolute; + left: 0; +} +.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { + left: -100%} +.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { + left: 100%} +.lg-css3.lg-slide.lg-use-left .lg-item.lg-current { + left: 0; + opacity: 1; +} +.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { + -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .1s ease 0s; + -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .1s ease 0s; + transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity .1s ease 0s; +} \ No newline at end of file diff --git a/public/assets/css/vendor/magnifypopup.min.css b/public/assets/css/vendor/magnifypopup.min.css new file mode 100644 index 0000000..ac6ed83 --- /dev/null +++ b/public/assets/css/vendor/magnifypopup.min.css @@ -0,0 +1,383 @@ +.mfp-bg { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 502; + overflow: hidden; + position: fixed; + background: #0b0b0b; + opacity: .8; + filter: alpha(opacity=80); +} +.mfp-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 503; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; +} +.mfp-container { + height: 100%; + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.mfp-container:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; +} +.mfp-align-top .mfp-container:before { + display: none; +} +.mfp-content { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: 505; +} +.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { + width: 100%; + cursor: auto; +} +.mfp-ajax-cur { + cursor: progress; +} +.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { + cursor: -webkit-zoom-out; + cursor: zoom-out; +} +.mfp-zoom { + cursor: pointer; + cursor: -webkit-zoom-in; + cursor: zoom-in; +} +.mfp-auto-cursor .mfp-content { + cursor: auto; +} +.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.mfp-loading.mfp-figure { + display: none; +} +.mfp-hide { + display: none !important; +} +.mfp-preloader { + color: #ccc; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: 504; +} +.mfp-preloader a { + color: #ccc; +} +.mfp-preloader a:hover { + color: white; +} +.mfp-s-ready .mfp-preloader { + display: none; +} +.mfp-s-error .mfp-content { + display: none; +} +button.mfp-close, button.mfp-arrow { + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + padding: 0; + z-index: 506; +} +button::-moz-focus-inner { + padding: 0; + border: 0; +} +.mfp-close { + width: 44px; + height: 44px; + line-height: 44px; + position: absolute; + right: 0; + top: 0; + text-decoration: none; + text-align: center; + opacity: .65; + padding: 0 0 18px 10px; + color: white; + font-style: normal; + font-size: 28px; + font-family: Arial, Baskerville, monospace; +} +.mfp-close:hover, .mfp-close:focus { + opacity: 1; +} +.mfp-close:active { + top: 1px; +} +.mfp-close-btn-in .mfp-close { + color: #333; +} +.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { + color: white; + right: -6px; + text-align: right; + padding-right: 6px; + width: 100%} +.mfp-counter { + position: absolute; + top: 0; + right: 0; + color: #ccc; + font-size: 12px; + line-height: 18px; +} +.mfp-arrow { + position: absolute; + top: 0; + opacity: .65; + margin: 0; + top: 50%; + margin-top: -55px; + padding: 0; + width: 90px; + height: 110px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +.mfp-arrow:active { + margin-top: -54px; +} +.mfp-arrow:hover, .mfp-arrow:focus { + opacity: 1; +} +.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: solid transparent; +} +.mfp-arrow:after, .mfp-arrow .mfp-a { + opacity: .8; + border-top-width: 12px; + border-bottom-width: 12px; + top: 8px; +} +.mfp-arrow:before, .mfp-arrow .mfp-b { + border-top-width: 20px; + border-bottom-width: 20px; +} +.mfp-arrow-left { + left: 0; +} +.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { + border-right: 12px solid black; + left: 5px; +} +.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { + border-right: 20px solid white; +} +.mfp-arrow-right { + right: 0; +} +.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { + border-left: 12px solid black; + left: 3px; +} +.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { + border-left: 20px solid white; +} +.mfp-iframe-holder { + padding-top: 40px; + padding-bottom: 40px; +} +.mfp-iframe-holder .mfp-content { + line-height: 0; + width: 100%; + max-width: 900px; +} +.mfp-iframe-scaler { + width: 100%; + height: 0; + overflow: hidden; + padding-top: 56.25%} +.mfp-iframe-scaler iframe { + position: absolute; + top: -3px; + left: 0; + width: 100%; + height: 100%; + -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: black; +} +.mfp-iframe-holder .mfp-close { + top: -43px; +} +img.mfp-img { + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 40px 0 40px; + margin: 0 auto; +} +.mfp-figure:after { + content: ''; + position: absolute; + left: 0; + top: 40px; + bottom: 40px; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); +} +.mfp-figure { + line-height: 0; +} +.mfp-bottom-bar { + margin-top: -36px; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; +} +.mfp-title { + text-align: left; + line-height: 18px; + color: #f3f3f3; + word-break: break-word; + padding-right: 36px; +} +.mfp-figure small { + color: #bdbdbd; + display: block; + font-size: 12px; + line-height: 14px; +} +.mfp-image-holder .mfp-content { + max-width: 100%} +.mfp-gallery .mfp-image-holder .mfp-figure { + cursor: pointer; +} +@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { + .mfp-img-mobile .mfp-image-holder { + padding-left: 0; + padding-right: 0; +} +.mfp-img-mobile img.mfp-img { + padding: 0; +} +.mfp-img-mobile .mfp-figure:after { + top: 0; + bottom: 0; +} +.mfp-img-mobile .mfp-bottom-bar { + background: rgba(0, 0, 0, 0.6); + bottom: 0; + margin: 0; + top: auto; + padding: 3px 5px; + position: fixed; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.mfp-img-mobile .mfp-bottom-bar:empty { + padding: 0; +} +.mfp-img-mobile .mfp-counter { + right: 5px; + top: 3px; +} +.mfp-img-mobile .mfp-close { + top: 0; + right: 0; + width: 35px; + height: 35px; + line-height: 35px; + background: rgba(0, 0, 0, 0.6); + position: fixed; + text-align: center; + padding: 0; +} +.mfp-img-mobile .mfp-figure small { + display: inline; + margin-left: 5px; +} +}@media all and (max-width:800px) { + .mfp-arrow { + -webkit-transform: scale(0.75); + -ms-transform: scale(0.75); + transform: scale(0.75); +} +.mfp-arrow-left { + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; +} +.mfp-arrow-right { + -webkit-transform-origin: 100%; + -ms-transform-origin: 100%; + transform-origin: 100%} +.mfp-container { + padding-left: 6px; + padding-right: 6px; +} +}.mfp-ie7 .mfp-img { + padding: 0; +} +.mfp-ie7 .mfp-bottom-bar { + width: 600px; + left: 50%; + margin-left: -300px; + margin-top: 5px; + padding-bottom: 5px; +} +.mfp-ie7 .mfp-container { + padding: 0; +} +.mfp-ie7 .mfp-content { + padding-top: 44px; +} +.mfp-ie7 .mfp-close { + top: 0; + right: 0; + padding-top: 0; +} \ No newline at end of file diff --git a/public/assets/css/vendor/odometer.min.css b/public/assets/css/vendor/odometer.min.css new file mode 100644 index 0000000..f4a9501 --- /dev/null +++ b/public/assets/css/vendor/odometer.min.css @@ -0,0 +1,79 @@ +.odometer.odometer-auto-theme, .odometer.odometer-theme-default { + display: inline-block; + vertical-align: middle; + position: relative; +} +.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { + display: inline-block; + vertical-align: middle; + position: relative; +} +.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { + display: inline-block; + vertical-align: middle; + visibility: hidden; +} +.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { + text-align: left; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; +} +.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { + display: block; +} +.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { + display: block; + -webkit-backface-visibility: hidden; +} +.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { + display: block; + -webkit-transform: translateZ(0); +} +.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { + position: absolute; +} +.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { + -webkit-transition: -webkit-transform 2s; + -moz-transition: -moz-transform 2s; + -ms-transition: -ms-transform 2s; + -o-transition: -o-transform 2s; + transition: transform 2s; +} +.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { + -webkit-transform: translateY(-100%); + -moz-transform: translateY(-100%); + -ms-transform: translateY(-100%); + -o-transform: translateY(-100%); + transform: translateY(-100%); +} +.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { + -webkit-transform: translateY(-100%); + -moz-transform: translateY(-100%); + -ms-transform: translateY(-100%); + -o-transform: translateY(-100%); + transform: translateY(-100%); +} +.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { + -webkit-transition: -webkit-transform 2s; + -moz-transition: -moz-transform 2s; + -ms-transition: -ms-transform 2s; + -o-transition: -o-transform 2s; + transition: transform 2s; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); +} +.odometer.odometer-auto-theme, .odometer.odometer-theme-default { + font-family: "Helvetica Neue", sans-serif; + line-height: 1.1em; +} +.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value { + text-align: center; +} \ No newline at end of file diff --git a/public/assets/css/vendor/remixicon.css b/public/assets/css/vendor/remixicon.css new file mode 100644 index 0000000..9eeeca7 --- /dev/null +++ b/public/assets/css/vendor/remixicon.css @@ -0,0 +1,2317 @@ +/* +* Remix Icon v2.5.0 +* https://remixicon.com +* https://github.com/Remix-Design/RemixIcon +* +* Copyright RemixIcon.com +* Released under the Apache License Version 2.0 +* +* Date: 2020-05-23 +*/ +@font-face { + font-family: "remixicon"; + src: url('../../fonts/remixicon.eot?t=1590207869815'); /* IE9*/ + src: url('../../fonts/remixicon.eot?t=1590207869815#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url("../../fonts/remixicon.woff2?t=1590207869815") format("woff2"), + url("../../fonts/remixicon.woff?t=1590207869815") format("woff"), + url('../../fonts/remixicon.ttf?t=1590207869815') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ + url('../../fonts/remixicon.svg?t=1590207869815#remixicon') format('svg'); /* iOS 4.1- */ + font-display: swap; +} + +[class^="ri-"], [class*=" ri-"] { + font-family: 'remixicon' !important; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.ri-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -.0667em; } +.ri-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -.075em; } +.ri-xxs { font-size: .5em; } +.ri-xs { font-size: .75em; } +.ri-sm { font-size: .875em } +.ri-1x { font-size: 1em; } +.ri-2x { font-size: 2em; } +.ri-3x { font-size: 3em; } +.ri-4x { font-size: 4em; } +.ri-5x { font-size: 5em; } +.ri-6x { font-size: 6em; } +.ri-7x { font-size: 7em; } +.ri-8x { font-size: 8em; } +.ri-9x { font-size: 9em; } +.ri-10x { font-size: 10em; } +.ri-fw { text-align: center; width: 1.25em; } + +.ri-24-hours-fill:before { content: "\ea01"; } +.ri-24-hours-line:before { content: "\ea02"; } +.ri-4k-fill:before { content: "\ea03"; } +.ri-4k-line:before { content: "\ea04"; } +.ri-a-b:before { content: "\ea05"; } +.ri-account-box-fill:before { content: "\ea06"; } +.ri-account-box-line:before { content: "\ea07"; } +.ri-account-circle-fill:before { content: "\ea08"; } +.ri-account-circle-line:before { content: "\ea09"; } +.ri-account-pin-box-fill:before { content: "\ea0a"; } +.ri-account-pin-box-line:before { content: "\ea0b"; } +.ri-account-pin-circle-fill:before { content: "\ea0c"; } +.ri-account-pin-circle-line:before { content: "\ea0d"; } +.ri-add-box-fill:before { content: "\ea0e"; } +.ri-add-box-line:before { content: "\ea0f"; } +.ri-add-circle-fill:before { content: "\ea10"; } +.ri-add-circle-line:before { content: "\ea11"; } +.ri-add-fill:before { content: "\ea12"; } +.ri-add-line:before { content: "\ea13"; } +.ri-admin-fill:before { content: "\ea14"; } +.ri-admin-line:before { content: "\ea15"; } +.ri-advertisement-fill:before { content: "\ea16"; } +.ri-advertisement-line:before { content: "\ea17"; } +.ri-airplay-fill:before { content: "\ea18"; } +.ri-airplay-line:before { content: "\ea19"; } +.ri-alarm-fill:before { content: "\ea1a"; } +.ri-alarm-line:before { content: "\ea1b"; } +.ri-alarm-warning-fill:before { content: "\ea1c"; } +.ri-alarm-warning-line:before { content: "\ea1d"; } +.ri-album-fill:before { content: "\ea1e"; } +.ri-album-line:before { content: "\ea1f"; } +.ri-alert-fill:before { content: "\ea20"; } +.ri-alert-line:before { content: "\ea21"; } +.ri-aliens-fill:before { content: "\ea22"; } +.ri-aliens-line:before { content: "\ea23"; } +.ri-align-bottom:before { content: "\ea24"; } +.ri-align-center:before { content: "\ea25"; } +.ri-align-justify:before { content: "\ea26"; } +.ri-align-left:before { content: "\ea27"; } +.ri-align-right:before { content: "\ea28"; } +.ri-align-top:before { content: "\ea29"; } +.ri-align-vertically:before { content: "\ea2a"; } +.ri-alipay-fill:before { content: "\ea2b"; } +.ri-alipay-line:before { content: "\ea2c"; } +.ri-amazon-fill:before { content: "\ea2d"; } +.ri-amazon-line:before { content: "\ea2e"; } +.ri-anchor-fill:before { content: "\ea2f"; } +.ri-anchor-line:before { content: "\ea30"; } +.ri-ancient-gate-fill:before { content: "\ea31"; } +.ri-ancient-gate-line:before { content: "\ea32"; } +.ri-ancient-pavilion-fill:before { content: "\ea33"; } +.ri-ancient-pavilion-line:before { content: "\ea34"; } +.ri-android-fill:before { content: "\ea35"; } +.ri-android-line:before { content: "\ea36"; } +.ri-angularjs-fill:before { content: "\ea37"; } +.ri-angularjs-line:before { content: "\ea38"; } +.ri-anticlockwise-2-fill:before { content: "\ea39"; } +.ri-anticlockwise-2-line:before { content: "\ea3a"; } +.ri-anticlockwise-fill:before { content: "\ea3b"; } +.ri-anticlockwise-line:before { content: "\ea3c"; } +.ri-app-store-fill:before { content: "\ea3d"; } +.ri-app-store-line:before { content: "\ea3e"; } +.ri-apple-fill:before { content: "\ea3f"; } +.ri-apple-line:before { content: "\ea40"; } +.ri-apps-2-fill:before { content: "\ea41"; } +.ri-apps-2-line:before { content: "\ea42"; } +.ri-apps-fill:before { content: "\ea43"; } +.ri-apps-line:before { content: "\ea44"; } +.ri-archive-drawer-fill:before { content: "\ea45"; } +.ri-archive-drawer-line:before { content: "\ea46"; } +.ri-archive-fill:before { content: "\ea47"; } +.ri-archive-line:before { content: "\ea48"; } +.ri-arrow-down-circle-fill:before { content: "\ea49"; } +.ri-arrow-down-circle-line:before { content: "\ea4a"; } +.ri-arrow-down-fill:before { content: "\ea4b"; } +.ri-arrow-down-line:before { content: "\ea4c"; } +.ri-arrow-down-s-fill:before { content: "\ea4d"; } +.ri-arrow-down-s-line:before { content: "\ea4e"; } +.ri-arrow-drop-down-fill:before { content: "\ea4f"; } +.ri-arrow-drop-down-line:before { content: "\ea50"; } +.ri-arrow-drop-left-fill:before { content: "\ea51"; } +.ri-arrow-drop-left-line:before { content: "\ea52"; } +.ri-arrow-drop-right-fill:before { content: "\ea53"; } +.ri-arrow-drop-right-line:before { content: "\ea54"; } +.ri-arrow-drop-up-fill:before { content: "\ea55"; } +.ri-arrow-drop-up-line:before { content: "\ea56"; } +.ri-arrow-go-back-fill:before { content: "\ea57"; } +.ri-arrow-go-back-line:before { content: "\ea58"; } +.ri-arrow-go-forward-fill:before { content: "\ea59"; } +.ri-arrow-go-forward-line:before { content: "\ea5a"; } +.ri-arrow-left-circle-fill:before { content: "\ea5b"; } +.ri-arrow-left-circle-line:before { content: "\ea5c"; } +.ri-arrow-left-down-fill:before { content: "\ea5d"; } +.ri-arrow-left-down-line:before { content: "\ea5e"; } +.ri-arrow-left-fill:before { content: "\ea5f"; } +.ri-arrow-left-line:before { content: "\ea60"; } +.ri-arrow-left-right-fill:before { content: "\ea61"; } +.ri-arrow-left-right-line:before { content: "\ea62"; } +.ri-arrow-left-s-fill:before { content: "\ea63"; } +.ri-arrow-left-s-line:before { content: "\ea64"; } +.ri-arrow-left-up-fill:before { content: "\ea65"; } +.ri-arrow-left-up-line:before { content: "\ea66"; } +.ri-arrow-right-circle-fill:before { content: "\ea67"; } +.ri-arrow-right-circle-line:before { content: "\ea68"; } +.ri-arrow-right-down-fill:before { content: "\ea69"; } +.ri-arrow-right-down-line:before { content: "\ea6a"; } +.ri-arrow-right-fill:before { content: "\ea6b"; } +.ri-arrow-right-line:before { content: "\ea6c"; } +.ri-arrow-right-s-fill:before { content: "\ea6d"; } +.ri-arrow-right-s-line:before { content: "\ea6e"; } +.ri-arrow-right-up-fill:before { content: "\ea6f"; } +.ri-arrow-right-up-line:before { content: "\ea70"; } +.ri-arrow-up-circle-fill:before { content: "\ea71"; } +.ri-arrow-up-circle-line:before { content: "\ea72"; } +.ri-arrow-up-down-fill:before { content: "\ea73"; } +.ri-arrow-up-down-line:before { content: "\ea74"; } +.ri-arrow-up-fill:before { content: "\ea75"; } +.ri-arrow-up-line:before { content: "\ea76"; } +.ri-arrow-up-s-fill:before { content: "\ea77"; } +.ri-arrow-up-s-line:before { content: "\ea78"; } +.ri-artboard-2-fill:before { content: "\ea79"; } +.ri-artboard-2-line:before { content: "\ea7a"; } +.ri-artboard-fill:before { content: "\ea7b"; } +.ri-artboard-line:before { content: "\ea7c"; } +.ri-article-fill:before { content: "\ea7d"; } +.ri-article-line:before { content: "\ea7e"; } +.ri-aspect-ratio-fill:before { content: "\ea7f"; } +.ri-aspect-ratio-line:before { content: "\ea80"; } +.ri-asterisk:before { content: "\ea81"; } +.ri-at-fill:before { content: "\ea82"; } +.ri-at-line:before { content: "\ea83"; } +.ri-attachment-2:before { content: "\ea84"; } +.ri-attachment-fill:before { content: "\ea85"; } +.ri-attachment-line:before { content: "\ea86"; } +.ri-auction-fill:before { content: "\ea87"; } +.ri-auction-line:before { content: "\ea88"; } +.ri-award-fill:before { content: "\ea89"; } +.ri-award-line:before { content: "\ea8a"; } +.ri-baidu-fill:before { content: "\ea8b"; } +.ri-baidu-line:before { content: "\ea8c"; } +.ri-ball-pen-fill:before { content: "\ea8d"; } +.ri-ball-pen-line:before { content: "\ea8e"; } +.ri-bank-card-2-fill:before { content: "\ea8f"; } +.ri-bank-card-2-line:before { content: "\ea90"; } +.ri-bank-card-fill:before { content: "\ea91"; } +.ri-bank-card-line:before { content: "\ea92"; } +.ri-bank-fill:before { content: "\ea93"; } +.ri-bank-line:before { content: "\ea94"; } +.ri-bar-chart-2-fill:before { content: "\ea95"; } +.ri-bar-chart-2-line:before { content: "\ea96"; } +.ri-bar-chart-box-fill:before { content: "\ea97"; } +.ri-bar-chart-box-line:before { content: "\ea98"; } +.ri-bar-chart-fill:before { content: "\ea99"; } +.ri-bar-chart-grouped-fill:before { content: "\ea9a"; } +.ri-bar-chart-grouped-line:before { content: "\ea9b"; } +.ri-bar-chart-horizontal-fill:before { content: "\ea9c"; } +.ri-bar-chart-horizontal-line:before { content: "\ea9d"; } +.ri-bar-chart-line:before { content: "\ea9e"; } +.ri-barcode-box-fill:before { content: "\ea9f"; } +.ri-barcode-box-line:before { content: "\eaa0"; } +.ri-barcode-fill:before { content: "\eaa1"; } +.ri-barcode-line:before { content: "\eaa2"; } +.ri-barricade-fill:before { content: "\eaa3"; } +.ri-barricade-line:before { content: "\eaa4"; } +.ri-base-station-fill:before { content: "\eaa5"; } +.ri-base-station-line:before { content: "\eaa6"; } +.ri-basketball-fill:before { content: "\eaa7"; } +.ri-basketball-line:before { content: "\eaa8"; } +.ri-battery-2-charge-fill:before { content: "\eaa9"; } +.ri-battery-2-charge-line:before { content: "\eaaa"; } +.ri-battery-2-fill:before { content: "\eaab"; } +.ri-battery-2-line:before { content: "\eaac"; } +.ri-battery-charge-fill:before { content: "\eaad"; } +.ri-battery-charge-line:before { content: "\eaae"; } +.ri-battery-fill:before { content: "\eaaf"; } +.ri-battery-line:before { content: "\eab0"; } +.ri-battery-low-fill:before { content: "\eab1"; } +.ri-battery-low-line:before { content: "\eab2"; } +.ri-battery-saver-fill:before { content: "\eab3"; } +.ri-battery-saver-line:before { content: "\eab4"; } +.ri-battery-share-fill:before { content: "\eab5"; } +.ri-battery-share-line:before { content: "\eab6"; } +.ri-bear-smile-fill:before { content: "\eab7"; } +.ri-bear-smile-line:before { content: "\eab8"; } +.ri-behance-fill:before { content: "\eab9"; } +.ri-behance-line:before { content: "\eaba"; } +.ri-bell-fill:before { content: "\eabb"; } +.ri-bell-line:before { content: "\eabc"; } +.ri-bike-fill:before { content: "\eabd"; } +.ri-bike-line:before { content: "\eabe"; } +.ri-bilibili-fill:before { content: "\eabf"; } +.ri-bilibili-line:before { content: "\eac0"; } +.ri-bill-fill:before { content: "\eac1"; } +.ri-bill-line:before { content: "\eac2"; } +.ri-billiards-fill:before { content: "\eac3"; } +.ri-billiards-line:before { content: "\eac4"; } +.ri-bit-coin-fill:before { content: "\eac5"; } +.ri-bit-coin-line:before { content: "\eac6"; } +.ri-blaze-fill:before { content: "\eac7"; } +.ri-blaze-line:before { content: "\eac8"; } +.ri-bluetooth-connect-fill:before { content: "\eac9"; } +.ri-bluetooth-connect-line:before { content: "\eaca"; } +.ri-bluetooth-fill:before { content: "\eacb"; } +.ri-bluetooth-line:before { content: "\eacc"; } +.ri-blur-off-fill:before { content: "\eacd"; } +.ri-blur-off-line:before { content: "\eace"; } +.ri-body-scan-fill:before { content: "\eacf"; } +.ri-body-scan-line:before { content: "\ead0"; } +.ri-bold:before { content: "\ead1"; } +.ri-book-2-fill:before { content: "\ead2"; } +.ri-book-2-line:before { content: "\ead3"; } +.ri-book-3-fill:before { content: "\ead4"; } +.ri-book-3-line:before { content: "\ead5"; } +.ri-book-fill:before { content: "\ead6"; } +.ri-book-line:before { content: "\ead7"; } +.ri-book-mark-fill:before { content: "\ead8"; } +.ri-book-mark-line:before { content: "\ead9"; } +.ri-book-open-fill:before { content: "\eada"; } +.ri-book-open-line:before { content: "\eadb"; } +.ri-book-read-fill:before { content: "\eadc"; } +.ri-book-read-line:before { content: "\eadd"; } +.ri-booklet-fill:before { content: "\eade"; } +.ri-booklet-line:before { content: "\eadf"; } +.ri-bookmark-2-fill:before { content: "\eae0"; } +.ri-bookmark-2-line:before { content: "\eae1"; } +.ri-bookmark-3-fill:before { content: "\eae2"; } +.ri-bookmark-3-line:before { content: "\eae3"; } +.ri-bookmark-fill:before { content: "\eae4"; } +.ri-bookmark-line:before { content: "\eae5"; } +.ri-boxing-fill:before { content: "\eae6"; } +.ri-boxing-line:before { content: "\eae7"; } +.ri-braces-fill:before { content: "\eae8"; } +.ri-braces-line:before { content: "\eae9"; } +.ri-brackets-fill:before { content: "\eaea"; } +.ri-brackets-line:before { content: "\eaeb"; } +.ri-briefcase-2-fill:before { content: "\eaec"; } +.ri-briefcase-2-line:before { content: "\eaed"; } +.ri-briefcase-3-fill:before { content: "\eaee"; } +.ri-briefcase-3-line:before { content: "\eaef"; } +.ri-briefcase-4-fill:before { content: "\eaf0"; } +.ri-briefcase-4-line:before { content: "\eaf1"; } +.ri-briefcase-5-fill:before { content: "\eaf2"; } +.ri-briefcase-5-line:before { content: "\eaf3"; } +.ri-briefcase-fill:before { content: "\eaf4"; } +.ri-briefcase-line:before { content: "\eaf5"; } +.ri-bring-forward:before { content: "\eaf6"; } +.ri-bring-to-front:before { content: "\eaf7"; } +.ri-broadcast-fill:before { content: "\eaf8"; } +.ri-broadcast-line:before { content: "\eaf9"; } +.ri-brush-2-fill:before { content: "\eafa"; } +.ri-brush-2-line:before { content: "\eafb"; } +.ri-brush-3-fill:before { content: "\eafc"; } +.ri-brush-3-line:before { content: "\eafd"; } +.ri-brush-4-fill:before { content: "\eafe"; } +.ri-brush-4-line:before { content: "\eaff"; } +.ri-brush-fill:before { content: "\eb00"; } +.ri-brush-line:before { content: "\eb01"; } +.ri-bubble-chart-fill:before { content: "\eb02"; } +.ri-bubble-chart-line:before { content: "\eb03"; } +.ri-bug-2-fill:before { content: "\eb04"; } +.ri-bug-2-line:before { content: "\eb05"; } +.ri-bug-fill:before { content: "\eb06"; } +.ri-bug-line:before { content: "\eb07"; } +.ri-building-2-fill:before { content: "\eb08"; } +.ri-building-2-line:before { content: "\eb09"; } +.ri-building-3-fill:before { content: "\eb0a"; } +.ri-building-3-line:before { content: "\eb0b"; } +.ri-building-4-fill:before { content: "\eb0c"; } +.ri-building-4-line:before { content: "\eb0d"; } +.ri-building-fill:before { content: "\eb0e"; } +.ri-building-line:before { content: "\eb0f"; } +.ri-bus-2-fill:before { content: "\eb10"; } +.ri-bus-2-line:before { content: "\eb11"; } +.ri-bus-fill:before { content: "\eb12"; } +.ri-bus-line:before { content: "\eb13"; } +.ri-bus-wifi-fill:before { content: "\eb14"; } +.ri-bus-wifi-line:before { content: "\eb15"; } +.ri-cactus-fill:before { content: "\eb16"; } +.ri-cactus-line:before { content: "\eb17"; } +.ri-cake-2-fill:before { content: "\eb18"; } +.ri-cake-2-line:before { content: "\eb19"; } +.ri-cake-3-fill:before { content: "\eb1a"; } +.ri-cake-3-line:before { content: "\eb1b"; } +.ri-cake-fill:before { content: "\eb1c"; } +.ri-cake-line:before { content: "\eb1d"; } +.ri-calculator-fill:before { content: "\eb1e"; } +.ri-calculator-line:before { content: "\eb1f"; } +.ri-calendar-2-fill:before { content: "\eb20"; } +.ri-calendar-2-line:before { content: "\eb21"; } +.ri-calendar-check-fill:before { content: "\eb22"; } +.ri-calendar-check-line:before { content: "\eb23"; } +.ri-calendar-event-fill:before { content: "\eb24"; } +.ri-calendar-event-line:before { content: "\eb25"; } +.ri-calendar-fill:before { content: "\eb26"; } +.ri-calendar-line:before { content: "\eb27"; } +.ri-calendar-todo-fill:before { content: "\eb28"; } +.ri-calendar-todo-line:before { content: "\eb29"; } +.ri-camera-2-fill:before { content: "\eb2a"; } +.ri-camera-2-line:before { content: "\eb2b"; } +.ri-camera-3-fill:before { content: "\eb2c"; } +.ri-camera-3-line:before { content: "\eb2d"; } +.ri-camera-fill:before { content: "\eb2e"; } +.ri-camera-lens-fill:before { content: "\eb2f"; } +.ri-camera-lens-line:before { content: "\eb30"; } +.ri-camera-line:before { content: "\eb31"; } +.ri-camera-off-fill:before { content: "\eb32"; } +.ri-camera-off-line:before { content: "\eb33"; } +.ri-camera-switch-fill:before { content: "\eb34"; } +.ri-camera-switch-line:before { content: "\eb35"; } +.ri-capsule-fill:before { content: "\eb36"; } +.ri-capsule-line:before { content: "\eb37"; } +.ri-car-fill:before { content: "\eb38"; } +.ri-car-line:before { content: "\eb39"; } +.ri-car-washing-fill:before { content: "\eb3a"; } +.ri-car-washing-line:before { content: "\eb3b"; } +.ri-caravan-fill:before { content: "\eb3c"; } +.ri-caravan-line:before { content: "\eb3d"; } +.ri-cast-fill:before { content: "\eb3e"; } +.ri-cast-line:before { content: "\eb3f"; } +.ri-cellphone-fill:before { content: "\eb40"; } +.ri-cellphone-line:before { content: "\eb41"; } +.ri-celsius-fill:before { content: "\eb42"; } +.ri-celsius-line:before { content: "\eb43"; } +.ri-centos-fill:before { content: "\eb44"; } +.ri-centos-line:before { content: "\eb45"; } +.ri-character-recognition-fill:before { content: "\eb46"; } +.ri-character-recognition-line:before { content: "\eb47"; } +.ri-charging-pile-2-fill:before { content: "\eb48"; } +.ri-charging-pile-2-line:before { content: "\eb49"; } +.ri-charging-pile-fill:before { content: "\eb4a"; } +.ri-charging-pile-line:before { content: "\eb4b"; } +.ri-chat-1-fill:before { content: "\eb4c"; } +.ri-chat-1-line:before { content: "\eb4d"; } +.ri-chat-2-fill:before { content: "\eb4e"; } +.ri-chat-2-line:before { content: "\eb4f"; } +.ri-chat-3-fill:before { content: "\eb50"; } +.ri-chat-3-line:before { content: "\eb51"; } +.ri-chat-4-fill:before { content: "\eb52"; } +.ri-chat-4-line:before { content: "\eb53"; } +.ri-chat-check-fill:before { content: "\eb54"; } +.ri-chat-check-line:before { content: "\eb55"; } +.ri-chat-delete-fill:before { content: "\eb56"; } +.ri-chat-delete-line:before { content: "\eb57"; } +.ri-chat-download-fill:before { content: "\eb58"; } +.ri-chat-download-line:before { content: "\eb59"; } +.ri-chat-follow-up-fill:before { content: "\eb5a"; } +.ri-chat-follow-up-line:before { content: "\eb5b"; } +.ri-chat-forward-fill:before { content: "\eb5c"; } +.ri-chat-forward-line:before { content: "\eb5d"; } +.ri-chat-heart-fill:before { content: "\eb5e"; } +.ri-chat-heart-line:before { content: "\eb5f"; } +.ri-chat-history-fill:before { content: "\eb60"; } +.ri-chat-history-line:before { content: "\eb61"; } +.ri-chat-new-fill:before { content: "\eb62"; } +.ri-chat-new-line:before { content: "\eb63"; } +.ri-chat-off-fill:before { content: "\eb64"; } +.ri-chat-off-line:before { content: "\eb65"; } +.ri-chat-poll-fill:before { content: "\eb66"; } +.ri-chat-poll-line:before { content: "\eb67"; } +.ri-chat-private-fill:before { content: "\eb68"; } +.ri-chat-private-line:before { content: "\eb69"; } +.ri-chat-quote-fill:before { content: "\eb6a"; } +.ri-chat-quote-line:before { content: "\eb6b"; } +.ri-chat-settings-fill:before { content: "\eb6c"; } +.ri-chat-settings-line:before { content: "\eb6d"; } +.ri-chat-smile-2-fill:before { content: "\eb6e"; } +.ri-chat-smile-2-line:before { content: "\eb6f"; } +.ri-chat-smile-3-fill:before { content: "\eb70"; } +.ri-chat-smile-3-line:before { content: "\eb71"; } +.ri-chat-smile-fill:before { content: "\eb72"; } +.ri-chat-smile-line:before { content: "\eb73"; } +.ri-chat-upload-fill:before { content: "\eb74"; } +.ri-chat-upload-line:before { content: "\eb75"; } +.ri-chat-voice-fill:before { content: "\eb76"; } +.ri-chat-voice-line:before { content: "\eb77"; } +.ri-check-double-fill:before { content: "\eb78"; } +.ri-check-double-line:before { content: "\eb79"; } +.ri-check-fill:before { content: "\eb7a"; } +.ri-check-line:before { content: "\eb7b"; } +.ri-checkbox-blank-circle-fill:before { content: "\eb7c"; } +.ri-checkbox-blank-circle-line:before { content: "\eb7d"; } +.ri-checkbox-blank-fill:before { content: "\eb7e"; } +.ri-checkbox-blank-line:before { content: "\eb7f"; } +.ri-checkbox-circle-fill:before { content: "\eb80"; } +.ri-checkbox-circle-line:before { content: "\eb81"; } +.ri-checkbox-fill:before { content: "\eb82"; } +.ri-checkbox-indeterminate-fill:before { content: "\eb83"; } +.ri-checkbox-indeterminate-line:before { content: "\eb84"; } +.ri-checkbox-line:before { content: "\eb85"; } +.ri-checkbox-multiple-blank-fill:before { content: "\eb86"; } +.ri-checkbox-multiple-blank-line:before { content: "\eb87"; } +.ri-checkbox-multiple-fill:before { content: "\eb88"; } +.ri-checkbox-multiple-line:before { content: "\eb89"; } +.ri-china-railway-fill:before { content: "\eb8a"; } +.ri-china-railway-line:before { content: "\eb8b"; } +.ri-chrome-fill:before { content: "\eb8c"; } +.ri-chrome-line:before { content: "\eb8d"; } +.ri-clapperboard-fill:before { content: "\eb8e"; } +.ri-clapperboard-line:before { content: "\eb8f"; } +.ri-clipboard-fill:before { content: "\eb90"; } +.ri-clipboard-line:before { content: "\eb91"; } +.ri-clockwise-2-fill:before { content: "\eb92"; } +.ri-clockwise-2-line:before { content: "\eb93"; } +.ri-clockwise-fill:before { content: "\eb94"; } +.ri-clockwise-line:before { content: "\eb95"; } +.ri-close-circle-fill:before { content: "\eb96"; } +.ri-close-circle-line:before { content: "\eb97"; } +.ri-close-fill:before { content: "\eb98"; } +.ri-close-line:before { content: "\eb99"; } +.ri-closed-captioning-fill:before { content: "\eb9a"; } +.ri-closed-captioning-line:before { content: "\eb9b"; } +.ri-cloud-fill:before { content: "\eb9c"; } +.ri-cloud-line:before { content: "\eb9d"; } +.ri-cloud-off-fill:before { content: "\eb9e"; } +.ri-cloud-off-line:before { content: "\eb9f"; } +.ri-cloud-windy-fill:before { content: "\eba0"; } +.ri-cloud-windy-line:before { content: "\eba1"; } +.ri-cloudy-2-fill:before { content: "\eba2"; } +.ri-cloudy-2-line:before { content: "\eba3"; } +.ri-cloudy-fill:before { content: "\eba4"; } +.ri-cloudy-line:before { content: "\eba5"; } +.ri-code-box-fill:before { content: "\eba6"; } +.ri-code-box-line:before { content: "\eba7"; } +.ri-code-fill:before { content: "\eba8"; } +.ri-code-line:before { content: "\eba9"; } +.ri-code-s-fill:before { content: "\ebaa"; } +.ri-code-s-line:before { content: "\ebab"; } +.ri-code-s-slash-fill:before { content: "\ebac"; } +.ri-code-s-slash-line:before { content: "\ebad"; } +.ri-code-view:before { content: "\ebae"; } +.ri-codepen-fill:before { content: "\ebaf"; } +.ri-codepen-line:before { content: "\ebb0"; } +.ri-coin-fill:before { content: "\ebb1"; } +.ri-coin-line:before { content: "\ebb2"; } +.ri-coins-fill:before { content: "\ebb3"; } +.ri-coins-line:before { content: "\ebb4"; } +.ri-collage-fill:before { content: "\ebb5"; } +.ri-collage-line:before { content: "\ebb6"; } +.ri-command-fill:before { content: "\ebb7"; } +.ri-command-line:before { content: "\ebb8"; } +.ri-community-fill:before { content: "\ebb9"; } +.ri-community-line:before { content: "\ebba"; } +.ri-compass-2-fill:before { content: "\ebbb"; } +.ri-compass-2-line:before { content: "\ebbc"; } +.ri-compass-3-fill:before { content: "\ebbd"; } +.ri-compass-3-line:before { content: "\ebbe"; } +.ri-compass-4-fill:before { content: "\ebbf"; } +.ri-compass-4-line:before { content: "\ebc0"; } +.ri-compass-discover-fill:before { content: "\ebc1"; } +.ri-compass-discover-line:before { content: "\ebc2"; } +.ri-compass-fill:before { content: "\ebc3"; } +.ri-compass-line:before { content: "\ebc4"; } +.ri-compasses-2-fill:before { content: "\ebc5"; } +.ri-compasses-2-line:before { content: "\ebc6"; } +.ri-compasses-fill:before { content: "\ebc7"; } +.ri-compasses-line:before { content: "\ebc8"; } +.ri-computer-fill:before { content: "\ebc9"; } +.ri-computer-line:before { content: "\ebca"; } +.ri-contacts-book-2-fill:before { content: "\ebcb"; } +.ri-contacts-book-2-line:before { content: "\ebcc"; } +.ri-contacts-book-fill:before { content: "\ebcd"; } +.ri-contacts-book-line:before { content: "\ebce"; } +.ri-contacts-book-upload-fill:before { content: "\ebcf"; } +.ri-contacts-book-upload-line:before { content: "\ebd0"; } +.ri-contacts-fill:before { content: "\ebd1"; } +.ri-contacts-line:before { content: "\ebd2"; } +.ri-contrast-2-fill:before { content: "\ebd3"; } +.ri-contrast-2-line:before { content: "\ebd4"; } +.ri-contrast-drop-2-fill:before { content: "\ebd5"; } +.ri-contrast-drop-2-line:before { content: "\ebd6"; } +.ri-contrast-drop-fill:before { content: "\ebd7"; } +.ri-contrast-drop-line:before { content: "\ebd8"; } +.ri-contrast-fill:before { content: "\ebd9"; } +.ri-contrast-line:before { content: "\ebda"; } +.ri-copper-coin-fill:before { content: "\ebdb"; } +.ri-copper-coin-line:before { content: "\ebdc"; } +.ri-copper-diamond-fill:before { content: "\ebdd"; } +.ri-copper-diamond-line:before { content: "\ebde"; } +.ri-copyleft-fill:before { content: "\ebdf"; } +.ri-copyleft-line:before { content: "\ebe0"; } +.ri-copyright-fill:before { content: "\ebe1"; } +.ri-copyright-line:before { content: "\ebe2"; } +.ri-coreos-fill:before { content: "\ebe3"; } +.ri-coreos-line:before { content: "\ebe4"; } +.ri-coupon-2-fill:before { content: "\ebe5"; } +.ri-coupon-2-line:before { content: "\ebe6"; } +.ri-coupon-3-fill:before { content: "\ebe7"; } +.ri-coupon-3-line:before { content: "\ebe8"; } +.ri-coupon-4-fill:before { content: "\ebe9"; } +.ri-coupon-4-line:before { content: "\ebea"; } +.ri-coupon-5-fill:before { content: "\ebeb"; } +.ri-coupon-5-line:before { content: "\ebec"; } +.ri-coupon-fill:before { content: "\ebed"; } +.ri-coupon-line:before { content: "\ebee"; } +.ri-cpu-fill:before { content: "\ebef"; } +.ri-cpu-line:before { content: "\ebf0"; } +.ri-creative-commons-by-fill:before { content: "\ebf1"; } +.ri-creative-commons-by-line:before { content: "\ebf2"; } +.ri-creative-commons-fill:before { content: "\ebf3"; } +.ri-creative-commons-line:before { content: "\ebf4"; } +.ri-creative-commons-nc-fill:before { content: "\ebf5"; } +.ri-creative-commons-nc-line:before { content: "\ebf6"; } +.ri-creative-commons-nd-fill:before { content: "\ebf7"; } +.ri-creative-commons-nd-line:before { content: "\ebf8"; } +.ri-creative-commons-sa-fill:before { content: "\ebf9"; } +.ri-creative-commons-sa-line:before { content: "\ebfa"; } +.ri-creative-commons-zero-fill:before { content: "\ebfb"; } +.ri-creative-commons-zero-line:before { content: "\ebfc"; } +.ri-criminal-fill:before { content: "\ebfd"; } +.ri-criminal-line:before { content: "\ebfe"; } +.ri-crop-2-fill:before { content: "\ebff"; } +.ri-crop-2-line:before { content: "\ec00"; } +.ri-crop-fill:before { content: "\ec01"; } +.ri-crop-line:before { content: "\ec02"; } +.ri-css3-fill:before { content: "\ec03"; } +.ri-css3-line:before { content: "\ec04"; } +.ri-cup-fill:before { content: "\ec05"; } +.ri-cup-line:before { content: "\ec06"; } +.ri-currency-fill:before { content: "\ec07"; } +.ri-currency-line:before { content: "\ec08"; } +.ri-cursor-fill:before { content: "\ec09"; } +.ri-cursor-line:before { content: "\ec0a"; } +.ri-customer-service-2-fill:before { content: "\ec0b"; } +.ri-customer-service-2-line:before { content: "\ec0c"; } +.ri-customer-service-fill:before { content: "\ec0d"; } +.ri-customer-service-line:before { content: "\ec0e"; } +.ri-dashboard-2-fill:before { content: "\ec0f"; } +.ri-dashboard-2-line:before { content: "\ec10"; } +.ri-dashboard-3-fill:before { content: "\ec11"; } +.ri-dashboard-3-line:before { content: "\ec12"; } +.ri-dashboard-fill:before { content: "\ec13"; } +.ri-dashboard-line:before { content: "\ec14"; } +.ri-database-2-fill:before { content: "\ec15"; } +.ri-database-2-line:before { content: "\ec16"; } +.ri-database-fill:before { content: "\ec17"; } +.ri-database-line:before { content: "\ec18"; } +.ri-delete-back-2-fill:before { content: "\ec19"; } +.ri-delete-back-2-line:before { content: "\ec1a"; } +.ri-delete-back-fill:before { content: "\ec1b"; } +.ri-delete-back-line:before { content: "\ec1c"; } +.ri-delete-bin-2-fill:before { content: "\ec1d"; } +.ri-delete-bin-2-line:before { content: "\ec1e"; } +.ri-delete-bin-3-fill:before { content: "\ec1f"; } +.ri-delete-bin-3-line:before { content: "\ec20"; } +.ri-delete-bin-4-fill:before { content: "\ec21"; } +.ri-delete-bin-4-line:before { content: "\ec22"; } +.ri-delete-bin-5-fill:before { content: "\ec23"; } +.ri-delete-bin-5-line:before { content: "\ec24"; } +.ri-delete-bin-6-fill:before { content: "\ec25"; } +.ri-delete-bin-6-line:before { content: "\ec26"; } +.ri-delete-bin-7-fill:before { content: "\ec27"; } +.ri-delete-bin-7-line:before { content: "\ec28"; } +.ri-delete-bin-fill:before { content: "\ec29"; } +.ri-delete-bin-line:before { content: "\ec2a"; } +.ri-delete-column:before { content: "\ec2b"; } +.ri-delete-row:before { content: "\ec2c"; } +.ri-device-fill:before { content: "\ec2d"; } +.ri-device-line:before { content: "\ec2e"; } +.ri-device-recover-fill:before { content: "\ec2f"; } +.ri-device-recover-line:before { content: "\ec30"; } +.ri-dingding-fill:before { content: "\ec31"; } +.ri-dingding-line:before { content: "\ec32"; } +.ri-direction-fill:before { content: "\ec33"; } +.ri-direction-line:before { content: "\ec34"; } +.ri-disc-fill:before { content: "\ec35"; } +.ri-disc-line:before { content: "\ec36"; } +.ri-discord-fill:before { content: "\ec37"; } +.ri-discord-line:before { content: "\ec38"; } +.ri-discuss-fill:before { content: "\ec39"; } +.ri-discuss-line:before { content: "\ec3a"; } +.ri-dislike-fill:before { content: "\ec3b"; } +.ri-dislike-line:before { content: "\ec3c"; } +.ri-disqus-fill:before { content: "\ec3d"; } +.ri-disqus-line:before { content: "\ec3e"; } +.ri-divide-fill:before { content: "\ec3f"; } +.ri-divide-line:before { content: "\ec40"; } +.ri-donut-chart-fill:before { content: "\ec41"; } +.ri-donut-chart-line:before { content: "\ec42"; } +.ri-door-closed-fill:before { content: "\ec43"; } +.ri-door-closed-line:before { content: "\ec44"; } +.ri-door-fill:before { content: "\ec45"; } +.ri-door-line:before { content: "\ec46"; } +.ri-door-lock-box-fill:before { content: "\ec47"; } +.ri-door-lock-box-line:before { content: "\ec48"; } +.ri-door-lock-fill:before { content: "\ec49"; } +.ri-door-lock-line:before { content: "\ec4a"; } +.ri-door-open-fill:before { content: "\ec4b"; } +.ri-door-open-line:before { content: "\ec4c"; } +.ri-dossier-fill:before { content: "\ec4d"; } +.ri-dossier-line:before { content: "\ec4e"; } +.ri-douban-fill:before { content: "\ec4f"; } +.ri-douban-line:before { content: "\ec50"; } +.ri-double-quotes-l:before { content: "\ec51"; } +.ri-double-quotes-r:before { content: "\ec52"; } +.ri-download-2-fill:before { content: "\ec53"; } +.ri-download-2-line:before { content: "\ec54"; } +.ri-download-cloud-2-fill:before { content: "\ec55"; } +.ri-download-cloud-2-line:before { content: "\ec56"; } +.ri-download-cloud-fill:before { content: "\ec57"; } +.ri-download-cloud-line:before { content: "\ec58"; } +.ri-download-fill:before { content: "\ec59"; } +.ri-download-line:before { content: "\ec5a"; } +.ri-draft-fill:before { content: "\ec5b"; } +.ri-draft-line:before { content: "\ec5c"; } +.ri-drag-drop-fill:before { content: "\ec5d"; } +.ri-drag-drop-line:before { content: "\ec5e"; } +.ri-drag-move-2-fill:before { content: "\ec5f"; } +.ri-drag-move-2-line:before { content: "\ec60"; } +.ri-drag-move-fill:before { content: "\ec61"; } +.ri-drag-move-line:before { content: "\ec62"; } +.ri-dribbble-fill:before { content: "\ec63"; } +.ri-dribbble-line:before { content: "\ec64"; } +.ri-drive-fill:before { content: "\ec65"; } +.ri-drive-line:before { content: "\ec66"; } +.ri-drizzle-fill:before { content: "\ec67"; } +.ri-drizzle-line:before { content: "\ec68"; } +.ri-drop-fill:before { content: "\ec69"; } +.ri-drop-line:before { content: "\ec6a"; } +.ri-dropbox-fill:before { content: "\ec6b"; } +.ri-dropbox-line:before { content: "\ec6c"; } +.ri-dual-sim-1-fill:before { content: "\ec6d"; } +.ri-dual-sim-1-line:before { content: "\ec6e"; } +.ri-dual-sim-2-fill:before { content: "\ec6f"; } +.ri-dual-sim-2-line:before { content: "\ec70"; } +.ri-dv-fill:before { content: "\ec71"; } +.ri-dv-line:before { content: "\ec72"; } +.ri-dvd-fill:before { content: "\ec73"; } +.ri-dvd-line:before { content: "\ec74"; } +.ri-e-bike-2-fill:before { content: "\ec75"; } +.ri-e-bike-2-line:before { content: "\ec76"; } +.ri-e-bike-fill:before { content: "\ec77"; } +.ri-e-bike-line:before { content: "\ec78"; } +.ri-earth-fill:before { content: "\ec79"; } +.ri-earth-line:before { content: "\ec7a"; } +.ri-earthquake-fill:before { content: "\ec7b"; } +.ri-earthquake-line:before { content: "\ec7c"; } +.ri-edge-fill:before { content: "\ec7d"; } +.ri-edge-line:before { content: "\ec7e"; } +.ri-edit-2-fill:before { content: "\ec7f"; } +.ri-edit-2-line:before { content: "\ec80"; } +.ri-edit-box-fill:before { content: "\ec81"; } +.ri-edit-box-line:before { content: "\ec82"; } +.ri-edit-circle-fill:before { content: "\ec83"; } +.ri-edit-circle-line:before { content: "\ec84"; } +.ri-edit-fill:before { content: "\ec85"; } +.ri-edit-line:before { content: "\ec86"; } +.ri-eject-fill:before { content: "\ec87"; } +.ri-eject-line:before { content: "\ec88"; } +.ri-emotion-2-fill:before { content: "\ec89"; } +.ri-emotion-2-line:before { content: "\ec8a"; } +.ri-emotion-fill:before { content: "\ec8b"; } +.ri-emotion-happy-fill:before { content: "\ec8c"; } +.ri-emotion-happy-line:before { content: "\ec8d"; } +.ri-emotion-laugh-fill:before { content: "\ec8e"; } +.ri-emotion-laugh-line:before { content: "\ec8f"; } +.ri-emotion-line:before { content: "\ec90"; } +.ri-emotion-normal-fill:before { content: "\ec91"; } +.ri-emotion-normal-line:before { content: "\ec92"; } +.ri-emotion-sad-fill:before { content: "\ec93"; } +.ri-emotion-sad-line:before { content: "\ec94"; } +.ri-emotion-unhappy-fill:before { content: "\ec95"; } +.ri-emotion-unhappy-line:before { content: "\ec96"; } +.ri-empathize-fill:before { content: "\ec97"; } +.ri-empathize-line:before { content: "\ec98"; } +.ri-emphasis-cn:before { content: "\ec99"; } +.ri-emphasis:before { content: "\ec9a"; } +.ri-english-input:before { content: "\ec9b"; } +.ri-equalizer-fill:before { content: "\ec9c"; } +.ri-equalizer-line:before { content: "\ec9d"; } +.ri-eraser-fill:before { content: "\ec9e"; } +.ri-eraser-line:before { content: "\ec9f"; } +.ri-error-warning-fill:before { content: "\eca0"; } +.ri-error-warning-line:before { content: "\eca1"; } +.ri-evernote-fill:before { content: "\eca2"; } +.ri-evernote-line:before { content: "\eca3"; } +.ri-exchange-box-fill:before { content: "\eca4"; } +.ri-exchange-box-line:before { content: "\eca5"; } +.ri-exchange-cny-fill:before { content: "\eca6"; } +.ri-exchange-cny-line:before { content: "\eca7"; } +.ri-exchange-dollar-fill:before { content: "\eca8"; } +.ri-exchange-dollar-line:before { content: "\eca9"; } +.ri-exchange-fill:before { content: "\ecaa"; } +.ri-exchange-funds-fill:before { content: "\ecab"; } +.ri-exchange-funds-line:before { content: "\ecac"; } +.ri-exchange-line:before { content: "\ecad"; } +.ri-external-link-fill:before { content: "\ecae"; } +.ri-external-link-line:before { content: "\ecaf"; } +.ri-eye-2-fill:before { content: "\ecb0"; } +.ri-eye-2-line:before { content: "\ecb1"; } +.ri-eye-close-fill:before { content: "\ecb2"; } +.ri-eye-close-line:before { content: "\ecb3"; } +.ri-eye-fill:before { content: "\ecb4"; } +.ri-eye-line:before { content: "\ecb5"; } +.ri-eye-off-fill:before { content: "\ecb6"; } +.ri-eye-off-line:before { content: "\ecb7"; } +.ri-facebook-box-fill:before { content: "\ecb8"; } +.ri-facebook-box-line:before { content: "\ecb9"; } +.ri-facebook-circle-fill:before { content: "\ecba"; } +.ri-facebook-circle-line:before { content: "\ecbb"; } +.ri-facebook-fill:before { content: "\ecbc"; } +.ri-facebook-line:before { content: "\ecbd"; } +.ri-fahrenheit-fill:before { content: "\ecbe"; } +.ri-fahrenheit-line:before { content: "\ecbf"; } +.ri-feedback-fill:before { content: "\ecc0"; } +.ri-feedback-line:before { content: "\ecc1"; } +.ri-file-2-fill:before { content: "\ecc2"; } +.ri-file-2-line:before { content: "\ecc3"; } +.ri-file-3-fill:before { content: "\ecc4"; } +.ri-file-3-line:before { content: "\ecc5"; } +.ri-file-4-fill:before { content: "\ecc6"; } +.ri-file-4-line:before { content: "\ecc7"; } +.ri-file-add-fill:before { content: "\ecc8"; } +.ri-file-add-line:before { content: "\ecc9"; } +.ri-file-chart-2-fill:before { content: "\ecca"; } +.ri-file-chart-2-line:before { content: "\eccb"; } +.ri-file-chart-fill:before { content: "\eccc"; } +.ri-file-chart-line:before { content: "\eccd"; } +.ri-file-cloud-fill:before { content: "\ecce"; } +.ri-file-cloud-line:before { content: "\eccf"; } +.ri-file-code-fill:before { content: "\ecd0"; } +.ri-file-code-line:before { content: "\ecd1"; } +.ri-file-copy-2-fill:before { content: "\ecd2"; } +.ri-file-copy-2-line:before { content: "\ecd3"; } +.ri-file-copy-fill:before { content: "\ecd4"; } +.ri-file-copy-line:before { content: "\ecd5"; } +.ri-file-damage-fill:before { content: "\ecd6"; } +.ri-file-damage-line:before { content: "\ecd7"; } +.ri-file-download-fill:before { content: "\ecd8"; } +.ri-file-download-line:before { content: "\ecd9"; } +.ri-file-edit-fill:before { content: "\ecda"; } +.ri-file-edit-line:before { content: "\ecdb"; } +.ri-file-excel-2-fill:before { content: "\ecdc"; } +.ri-file-excel-2-line:before { content: "\ecdd"; } +.ri-file-excel-fill:before { content: "\ecde"; } +.ri-file-excel-line:before { content: "\ecdf"; } +.ri-file-fill:before { content: "\ece0"; } +.ri-file-forbid-fill:before { content: "\ece1"; } +.ri-file-forbid-line:before { content: "\ece2"; } +.ri-file-gif-fill:before { content: "\ece3"; } +.ri-file-gif-line:before { content: "\ece4"; } +.ri-file-history-fill:before { content: "\ece5"; } +.ri-file-history-line:before { content: "\ece6"; } +.ri-file-hwp-fill:before { content: "\ece7"; } +.ri-file-hwp-line:before { content: "\ece8"; } +.ri-file-info-fill:before { content: "\ece9"; } +.ri-file-info-line:before { content: "\ecea"; } +.ri-file-line:before { content: "\eceb"; } +.ri-file-list-2-fill:before { content: "\ecec"; } +.ri-file-list-2-line:before { content: "\eced"; } +.ri-file-list-3-fill:before { content: "\ecee"; } +.ri-file-list-3-line:before { content: "\ecef"; } +.ri-file-list-fill:before { content: "\ecf0"; } +.ri-file-list-line:before { content: "\ecf1"; } +.ri-file-lock-fill:before { content: "\ecf2"; } +.ri-file-lock-line:before { content: "\ecf3"; } +.ri-file-mark-fill:before { content: "\ecf4"; } +.ri-file-mark-line:before { content: "\ecf5"; } +.ri-file-music-fill:before { content: "\ecf6"; } +.ri-file-music-line:before { content: "\ecf7"; } +.ri-file-paper-2-fill:before { content: "\ecf8"; } +.ri-file-paper-2-line:before { content: "\ecf9"; } +.ri-file-paper-fill:before { content: "\ecfa"; } +.ri-file-paper-line:before { content: "\ecfb"; } +.ri-file-pdf-fill:before { content: "\ecfc"; } +.ri-file-pdf-line:before { content: "\ecfd"; } +.ri-file-ppt-2-fill:before { content: "\ecfe"; } +.ri-file-ppt-2-line:before { content: "\ecff"; } +.ri-file-ppt-fill:before { content: "\ed00"; } +.ri-file-ppt-line:before { content: "\ed01"; } +.ri-file-reduce-fill:before { content: "\ed02"; } +.ri-file-reduce-line:before { content: "\ed03"; } +.ri-file-search-fill:before { content: "\ed04"; } +.ri-file-search-line:before { content: "\ed05"; } +.ri-file-settings-fill:before { content: "\ed06"; } +.ri-file-settings-line:before { content: "\ed07"; } +.ri-file-shield-2-fill:before { content: "\ed08"; } +.ri-file-shield-2-line:before { content: "\ed09"; } +.ri-file-shield-fill:before { content: "\ed0a"; } +.ri-file-shield-line:before { content: "\ed0b"; } +.ri-file-shred-fill:before { content: "\ed0c"; } +.ri-file-shred-line:before { content: "\ed0d"; } +.ri-file-text-fill:before { content: "\ed0e"; } +.ri-file-text-line:before { content: "\ed0f"; } +.ri-file-transfer-fill:before { content: "\ed10"; } +.ri-file-transfer-line:before { content: "\ed11"; } +.ri-file-unknow-fill:before { content: "\ed12"; } +.ri-file-unknow-line:before { content: "\ed13"; } +.ri-file-upload-fill:before { content: "\ed14"; } +.ri-file-upload-line:before { content: "\ed15"; } +.ri-file-user-fill:before { content: "\ed16"; } +.ri-file-user-line:before { content: "\ed17"; } +.ri-file-warning-fill:before { content: "\ed18"; } +.ri-file-warning-line:before { content: "\ed19"; } +.ri-file-word-2-fill:before { content: "\ed1a"; } +.ri-file-word-2-line:before { content: "\ed1b"; } +.ri-file-word-fill:before { content: "\ed1c"; } +.ri-file-word-line:before { content: "\ed1d"; } +.ri-file-zip-fill:before { content: "\ed1e"; } +.ri-file-zip-line:before { content: "\ed1f"; } +.ri-film-fill:before { content: "\ed20"; } +.ri-film-line:before { content: "\ed21"; } +.ri-filter-2-fill:before { content: "\ed22"; } +.ri-filter-2-line:before { content: "\ed23"; } +.ri-filter-3-fill:before { content: "\ed24"; } +.ri-filter-3-line:before { content: "\ed25"; } +.ri-filter-fill:before { content: "\ed26"; } +.ri-filter-line:before { content: "\ed27"; } +.ri-filter-off-fill:before { content: "\ed28"; } +.ri-filter-off-line:before { content: "\ed29"; } +.ri-find-replace-fill:before { content: "\ed2a"; } +.ri-find-replace-line:before { content: "\ed2b"; } +.ri-finder-fill:before { content: "\ed2c"; } +.ri-finder-line:before { content: "\ed2d"; } +.ri-fingerprint-2-fill:before { content: "\ed2e"; } +.ri-fingerprint-2-line:before { content: "\ed2f"; } +.ri-fingerprint-fill:before { content: "\ed30"; } +.ri-fingerprint-line:before { content: "\ed31"; } +.ri-fire-fill:before { content: "\ed32"; } +.ri-fire-line:before { content: "\ed33"; } +.ri-firefox-fill:before { content: "\ed34"; } +.ri-firefox-line:before { content: "\ed35"; } +.ri-first-aid-kit-fill:before { content: "\ed36"; } +.ri-first-aid-kit-line:before { content: "\ed37"; } +.ri-flag-2-fill:before { content: "\ed38"; } +.ri-flag-2-line:before { content: "\ed39"; } +.ri-flag-fill:before { content: "\ed3a"; } +.ri-flag-line:before { content: "\ed3b"; } +.ri-flashlight-fill:before { content: "\ed3c"; } +.ri-flashlight-line:before { content: "\ed3d"; } +.ri-flask-fill:before { content: "\ed3e"; } +.ri-flask-line:before { content: "\ed3f"; } +.ri-flight-land-fill:before { content: "\ed40"; } +.ri-flight-land-line:before { content: "\ed41"; } +.ri-flight-takeoff-fill:before { content: "\ed42"; } +.ri-flight-takeoff-line:before { content: "\ed43"; } +.ri-flood-fill:before { content: "\ed44"; } +.ri-flood-line:before { content: "\ed45"; } +.ri-flow-chart:before { content: "\ed46"; } +.ri-flutter-fill:before { content: "\ed47"; } +.ri-flutter-line:before { content: "\ed48"; } +.ri-focus-2-fill:before { content: "\ed49"; } +.ri-focus-2-line:before { content: "\ed4a"; } +.ri-focus-3-fill:before { content: "\ed4b"; } +.ri-focus-3-line:before { content: "\ed4c"; } +.ri-focus-fill:before { content: "\ed4d"; } +.ri-focus-line:before { content: "\ed4e"; } +.ri-foggy-fill:before { content: "\ed4f"; } +.ri-foggy-line:before { content: "\ed50"; } +.ri-folder-2-fill:before { content: "\ed51"; } +.ri-folder-2-line:before { content: "\ed52"; } +.ri-folder-3-fill:before { content: "\ed53"; } +.ri-folder-3-line:before { content: "\ed54"; } +.ri-folder-4-fill:before { content: "\ed55"; } +.ri-folder-4-line:before { content: "\ed56"; } +.ri-folder-5-fill:before { content: "\ed57"; } +.ri-folder-5-line:before { content: "\ed58"; } +.ri-folder-add-fill:before { content: "\ed59"; } +.ri-folder-add-line:before { content: "\ed5a"; } +.ri-folder-chart-2-fill:before { content: "\ed5b"; } +.ri-folder-chart-2-line:before { content: "\ed5c"; } +.ri-folder-chart-fill:before { content: "\ed5d"; } +.ri-folder-chart-line:before { content: "\ed5e"; } +.ri-folder-download-fill:before { content: "\ed5f"; } +.ri-folder-download-line:before { content: "\ed60"; } +.ri-folder-fill:before { content: "\ed61"; } +.ri-folder-forbid-fill:before { content: "\ed62"; } +.ri-folder-forbid-line:before { content: "\ed63"; } +.ri-folder-history-fill:before { content: "\ed64"; } +.ri-folder-history-line:before { content: "\ed65"; } +.ri-folder-info-fill:before { content: "\ed66"; } +.ri-folder-info-line:before { content: "\ed67"; } +.ri-folder-keyhole-fill:before { content: "\ed68"; } +.ri-folder-keyhole-line:before { content: "\ed69"; } +.ri-folder-line:before { content: "\ed6a"; } +.ri-folder-lock-fill:before { content: "\ed6b"; } +.ri-folder-lock-line:before { content: "\ed6c"; } +.ri-folder-music-fill:before { content: "\ed6d"; } +.ri-folder-music-line:before { content: "\ed6e"; } +.ri-folder-open-fill:before { content: "\ed6f"; } +.ri-folder-open-line:before { content: "\ed70"; } +.ri-folder-received-fill:before { content: "\ed71"; } +.ri-folder-received-line:before { content: "\ed72"; } +.ri-folder-reduce-fill:before { content: "\ed73"; } +.ri-folder-reduce-line:before { content: "\ed74"; } +.ri-folder-settings-fill:before { content: "\ed75"; } +.ri-folder-settings-line:before { content: "\ed76"; } +.ri-folder-shared-fill:before { content: "\ed77"; } +.ri-folder-shared-line:before { content: "\ed78"; } +.ri-folder-shield-2-fill:before { content: "\ed79"; } +.ri-folder-shield-2-line:before { content: "\ed7a"; } +.ri-folder-shield-fill:before { content: "\ed7b"; } +.ri-folder-shield-line:before { content: "\ed7c"; } +.ri-folder-transfer-fill:before { content: "\ed7d"; } +.ri-folder-transfer-line:before { content: "\ed7e"; } +.ri-folder-unknow-fill:before { content: "\ed7f"; } +.ri-folder-unknow-line:before { content: "\ed80"; } +.ri-folder-upload-fill:before { content: "\ed81"; } +.ri-folder-upload-line:before { content: "\ed82"; } +.ri-folder-user-fill:before { content: "\ed83"; } +.ri-folder-user-line:before { content: "\ed84"; } +.ri-folder-warning-fill:before { content: "\ed85"; } +.ri-folder-warning-line:before { content: "\ed86"; } +.ri-folder-zip-fill:before { content: "\ed87"; } +.ri-folder-zip-line:before { content: "\ed88"; } +.ri-folders-fill:before { content: "\ed89"; } +.ri-folders-line:before { content: "\ed8a"; } +.ri-font-color:before { content: "\ed8b"; } +.ri-font-size-2:before { content: "\ed8c"; } +.ri-font-size:before { content: "\ed8d"; } +.ri-football-fill:before { content: "\ed8e"; } +.ri-football-line:before { content: "\ed8f"; } +.ri-footprint-fill:before { content: "\ed90"; } +.ri-footprint-line:before { content: "\ed91"; } +.ri-forbid-2-fill:before { content: "\ed92"; } +.ri-forbid-2-line:before { content: "\ed93"; } +.ri-forbid-fill:before { content: "\ed94"; } +.ri-forbid-line:before { content: "\ed95"; } +.ri-format-clear:before { content: "\ed96"; } +.ri-fridge-fill:before { content: "\ed97"; } +.ri-fridge-line:before { content: "\ed98"; } +.ri-fullscreen-exit-fill:before { content: "\ed99"; } +.ri-fullscreen-exit-line:before { content: "\ed9a"; } +.ri-fullscreen-fill:before { content: "\ed9b"; } +.ri-fullscreen-line:before { content: "\ed9c"; } +.ri-function-fill:before { content: "\ed9d"; } +.ri-function-line:before { content: "\ed9e"; } +.ri-functions:before { content: "\ed9f"; } +.ri-funds-box-fill:before { content: "\eda0"; } +.ri-funds-box-line:before { content: "\eda1"; } +.ri-funds-fill:before { content: "\eda2"; } +.ri-funds-line:before { content: "\eda3"; } +.ri-gallery-fill:before { content: "\eda4"; } +.ri-gallery-line:before { content: "\eda5"; } +.ri-gallery-upload-fill:before { content: "\eda6"; } +.ri-gallery-upload-line:before { content: "\eda7"; } +.ri-game-fill:before { content: "\eda8"; } +.ri-game-line:before { content: "\eda9"; } +.ri-gamepad-fill:before { content: "\edaa"; } +.ri-gamepad-line:before { content: "\edab"; } +.ri-gas-station-fill:before { content: "\edac"; } +.ri-gas-station-line:before { content: "\edad"; } +.ri-gatsby-fill:before { content: "\edae"; } +.ri-gatsby-line:before { content: "\edaf"; } +.ri-genderless-fill:before { content: "\edb0"; } +.ri-genderless-line:before { content: "\edb1"; } +.ri-ghost-2-fill:before { content: "\edb2"; } +.ri-ghost-2-line:before { content: "\edb3"; } +.ri-ghost-fill:before { content: "\edb4"; } +.ri-ghost-line:before { content: "\edb5"; } +.ri-ghost-smile-fill:before { content: "\edb6"; } +.ri-ghost-smile-line:before { content: "\edb7"; } +.ri-gift-2-fill:before { content: "\edb8"; } +.ri-gift-2-line:before { content: "\edb9"; } +.ri-gift-fill:before { content: "\edba"; } +.ri-gift-line:before { content: "\edbb"; } +.ri-git-branch-fill:before { content: "\edbc"; } +.ri-git-branch-line:before { content: "\edbd"; } +.ri-git-commit-fill:before { content: "\edbe"; } +.ri-git-commit-line:before { content: "\edbf"; } +.ri-git-merge-fill:before { content: "\edc0"; } +.ri-git-merge-line:before { content: "\edc1"; } +.ri-git-pull-request-fill:before { content: "\edc2"; } +.ri-git-pull-request-line:before { content: "\edc3"; } +.ri-git-repository-commits-fill:before { content: "\edc4"; } +.ri-git-repository-commits-line:before { content: "\edc5"; } +.ri-git-repository-fill:before { content: "\edc6"; } +.ri-git-repository-line:before { content: "\edc7"; } +.ri-git-repository-private-fill:before { content: "\edc8"; } +.ri-git-repository-private-line:before { content: "\edc9"; } +.ri-github-fill:before { content: "\edca"; } +.ri-github-line:before { content: "\edcb"; } +.ri-gitlab-fill:before { content: "\edcc"; } +.ri-gitlab-line:before { content: "\edcd"; } +.ri-global-fill:before { content: "\edce"; } +.ri-global-line:before { content: "\edcf"; } +.ri-globe-fill:before { content: "\edd0"; } +.ri-globe-line:before { content: "\edd1"; } +.ri-goblet-fill:before { content: "\edd2"; } +.ri-goblet-line:before { content: "\edd3"; } +.ri-google-fill:before { content: "\edd4"; } +.ri-google-line:before { content: "\edd5"; } +.ri-google-play-fill:before { content: "\edd6"; } +.ri-google-play-line:before { content: "\edd7"; } +.ri-government-fill:before { content: "\edd8"; } +.ri-government-line:before { content: "\edd9"; } +.ri-gps-fill:before { content: "\edda"; } +.ri-gps-line:before { content: "\eddb"; } +.ri-gradienter-fill:before { content: "\eddc"; } +.ri-gradienter-line:before { content: "\eddd"; } +.ri-grid-fill:before { content: "\edde"; } +.ri-grid-line:before { content: "\eddf"; } +.ri-group-2-fill:before { content: "\ede0"; } +.ri-group-2-line:before { content: "\ede1"; } +.ri-group-fill:before { content: "\ede2"; } +.ri-group-line:before { content: "\ede3"; } +.ri-guide-fill:before { content: "\ede4"; } +.ri-guide-line:before { content: "\ede5"; } +.ri-h-1:before { content: "\ede6"; } +.ri-h-2:before { content: "\ede7"; } +.ri-h-3:before { content: "\ede8"; } +.ri-h-4:before { content: "\ede9"; } +.ri-h-5:before { content: "\edea"; } +.ri-h-6:before { content: "\edeb"; } +.ri-hail-fill:before { content: "\edec"; } +.ri-hail-line:before { content: "\eded"; } +.ri-hammer-fill:before { content: "\edee"; } +.ri-hammer-line:before { content: "\edef"; } +.ri-hand-coin-fill:before { content: "\edf0"; } +.ri-hand-coin-line:before { content: "\edf1"; } +.ri-hand-heart-fill:before { content: "\edf2"; } +.ri-hand-heart-line:before { content: "\edf3"; } +.ri-hand-sanitizer-fill:before { content: "\edf4"; } +.ri-hand-sanitizer-line:before { content: "\edf5"; } +.ri-handbag-fill:before { content: "\edf6"; } +.ri-handbag-line:before { content: "\edf7"; } +.ri-hard-drive-2-fill:before { content: "\edf8"; } +.ri-hard-drive-2-line:before { content: "\edf9"; } +.ri-hard-drive-fill:before { content: "\edfa"; } +.ri-hard-drive-line:before { content: "\edfb"; } +.ri-hashtag:before { content: "\edfc"; } +.ri-haze-2-fill:before { content: "\edfd"; } +.ri-haze-2-line:before { content: "\edfe"; } +.ri-haze-fill:before { content: "\edff"; } +.ri-haze-line:before { content: "\ee00"; } +.ri-hd-fill:before { content: "\ee01"; } +.ri-hd-line:before { content: "\ee02"; } +.ri-heading:before { content: "\ee03"; } +.ri-headphone-fill:before { content: "\ee04"; } +.ri-headphone-line:before { content: "\ee05"; } +.ri-health-book-fill:before { content: "\ee06"; } +.ri-health-book-line:before { content: "\ee07"; } +.ri-heart-2-fill:before { content: "\ee08"; } +.ri-heart-2-line:before { content: "\ee09"; } +.ri-heart-3-fill:before { content: "\ee0a"; } +.ri-heart-3-line:before { content: "\ee0b"; } +.ri-heart-add-fill:before { content: "\ee0c"; } +.ri-heart-add-line:before { content: "\ee0d"; } +.ri-heart-fill:before { content: "\ee0e"; } +.ri-heart-line:before { content: "\ee0f"; } +.ri-heart-pulse-fill:before { content: "\ee10"; } +.ri-heart-pulse-line:before { content: "\ee11"; } +.ri-hearts-fill:before { content: "\ee12"; } +.ri-hearts-line:before { content: "\ee13"; } +.ri-heavy-showers-fill:before { content: "\ee14"; } +.ri-heavy-showers-line:before { content: "\ee15"; } +.ri-history-fill:before { content: "\ee16"; } +.ri-history-line:before { content: "\ee17"; } +.ri-home-distant-learning-fill:before { content: "\ee18"; } +.ri-home-distant-learning-line:before { content: "\ee19"; } +.ri-home-university-fill:before { content: "\ee1a"; } +.ri-home-university-line:before { content: "\ee1b"; } +.ri-home-online-academy-fill:before { content: "\ee1c"; } +.ri-home-online-academy-line:before { content: "\ee1d"; } +.ri-home-kitchen-fill:before { content: "\ee1e"; } +.ri-home-kitchen-line:before { content: "\ee1f"; } +.ri-home-6-fill:before { content: "\ee20"; } +.ri-home-6-line:before { content: "\ee21"; } +.ri-home-7-fill:before { content: "\ee22"; } +.ri-home-7-line:before { content: "\ee23"; } +.ri-home-8-fill:before { content: "\ee24"; } +.ri-home-8-line:before { content: "\ee25"; } +.ri-home-fill:before { content: "\ee26"; } +.ri-home-gear-fill:before { content: "\ee27"; } +.ri-home-gear-line:before { content: "\ee28"; } +.ri-home-heart-fill:before { content: "\ee29"; } +.ri-home-heart-line:before { content: "\ee2a"; } +.ri-home-line:before { content: "\ee2b"; } +.ri-home-smile-2-fill:before { content: "\ee2c"; } +.ri-home-smile-2-line:before { content: "\ee2d"; } +.ri-home-smile-fill:before { content: "\ee2e"; } +.ri-home-smile-line:before { content: "\ee2f"; } +.ri-home-wifi-fill:before { content: "\ee30"; } +.ri-home-wifi-line:before { content: "\ee31"; } +.ri-honor-of-kings-fill:before { content: "\ee32"; } +.ri-honor-of-kings-line:before { content: "\ee33"; } +.ri-honour-fill:before { content: "\ee34"; } +.ri-honour-line:before { content: "\ee35"; } +.ri-hospital-fill:before { content: "\ee36"; } +.ri-hospital-line:before { content: "\ee37"; } +.ri-hotel-bed-fill:before { content: "\ee38"; } +.ri-hotel-bed-line:before { content: "\ee39"; } +.ri-hotel-fill:before { content: "\ee3a"; } +.ri-hotel-line:before { content: "\ee3b"; } +.ri-hotspot-fill:before { content: "\ee3c"; } +.ri-hotspot-line:before { content: "\ee3d"; } +.ri-hq-fill:before { content: "\ee3e"; } +.ri-hq-line:before { content: "\ee3f"; } +.ri-html5-fill:before { content: "\ee40"; } +.ri-html5-line:before { content: "\ee41"; } +.ri-ie-fill:before { content: "\ee42"; } +.ri-ie-line:before { content: "\ee43"; } +.ri-image-2-fill:before { content: "\ee44"; } +.ri-image-2-line:before { content: "\ee45"; } +.ri-image-add-fill:before { content: "\ee46"; } +.ri-image-add-line:before { content: "\ee47"; } +.ri-image-edit-fill:before { content: "\ee48"; } +.ri-image-edit-line:before { content: "\ee49"; } +.ri-image-fill:before { content: "\ee4a"; } +.ri-image-line:before { content: "\ee4b"; } +.ri-inbox-archive-fill:before { content: "\ee4c"; } +.ri-inbox-archive-line:before { content: "\ee4d"; } +.ri-inbox-fill:before { content: "\ee4e"; } +.ri-inbox-line:before { content: "\ee4f"; } +.ri-inbox-unarchive-fill:before { content: "\ee50"; } +.ri-inbox-unarchive-line:before { content: "\ee51"; } +.ri-increase-decrease-fill:before { content: "\ee52"; } +.ri-increase-decrease-line:before { content: "\ee53"; } +.ri-indent-decrease:before { content: "\ee54"; } +.ri-indent-increase:before { content: "\ee55"; } +.ri-indeterminate-circle-fill:before { content: "\ee56"; } +.ri-indeterminate-circle-line:before { content: "\ee57"; } +.ri-information-fill:before { content: "\ee58"; } +.ri-information-line:before { content: "\ee59"; } +.ri-infrared-thermometer-fill:before { content: "\ee5a"; } +.ri-infrared-thermometer-line:before { content: "\ee5b"; } +.ri-ink-bottle-fill:before { content: "\ee5c"; } +.ri-ink-bottle-line:before { content: "\ee5d"; } +.ri-input-cursor-move:before { content: "\ee5e"; } +.ri-input-method-fill:before { content: "\ee5f"; } +.ri-input-method-line:before { content: "\ee60"; } +.ri-insert-column-left:before { content: "\ee61"; } +.ri-insert-column-right:before { content: "\ee62"; } +.ri-insert-row-bottom:before { content: "\ee63"; } +.ri-insert-row-top:before { content: "\ee64"; } +.ri-instagram-fill:before { content: "\ee65"; } +.ri-instagram-line:before { content: "\ee66"; } +.ri-install-fill:before { content: "\ee67"; } +.ri-install-line:before { content: "\ee68"; } +.ri-invision-fill:before { content: "\ee69"; } +.ri-invision-line:before { content: "\ee6a"; } +.ri-italic:before { content: "\ee6b"; } +.ri-kakao-talk-fill:before { content: "\ee6c"; } +.ri-kakao-talk-line:before { content: "\ee6d"; } +.ri-key-2-fill:before { content: "\ee6e"; } +.ri-key-2-line:before { content: "\ee6f"; } +.ri-key-fill:before { content: "\ee70"; } +.ri-key-line:before { content: "\ee71"; } +.ri-keyboard-box-fill:before { content: "\ee72"; } +.ri-keyboard-box-line:before { content: "\ee73"; } +.ri-keyboard-fill:before { content: "\ee74"; } +.ri-keyboard-line:before { content: "\ee75"; } +.ri-keynote-fill:before { content: "\ee76"; } +.ri-keynote-line:before { content: "\ee77"; } +.ri-knife-blood-fill:before { content: "\ee78"; } +.ri-knife-blood-line:before { content: "\ee79"; } +.ri-knife-fill:before { content: "\ee7a"; } +.ri-knife-line:before { content: "\ee7b"; } +.ri-landscape-fill:before { content: "\ee7c"; } +.ri-landscape-line:before { content: "\ee7d"; } +.ri-layout-2-fill:before { content: "\ee7e"; } +.ri-layout-2-line:before { content: "\ee7f"; } +.ri-layout-3-fill:before { content: "\ee80"; } +.ri-layout-3-line:before { content: "\ee81"; } +.ri-layout-4-fill:before { content: "\ee82"; } +.ri-layout-4-line:before { content: "\ee83"; } +.ri-layout-5-fill:before { content: "\ee84"; } +.ri-layout-5-line:before { content: "\ee85"; } +.ri-layout-6-fill:before { content: "\ee86"; } +.ri-layout-6-line:before { content: "\ee87"; } +.ri-layout-bottom-2-fill:before { content: "\ee88"; } +.ri-layout-bottom-2-line:before { content: "\ee89"; } +.ri-layout-bottom-fill:before { content: "\ee8a"; } +.ri-layout-bottom-line:before { content: "\ee8b"; } +.ri-layout-column-fill:before { content: "\ee8c"; } +.ri-layout-column-line:before { content: "\ee8d"; } +.ri-layout-fill:before { content: "\ee8e"; } +.ri-layout-grid-fill:before { content: "\ee8f"; } +.ri-layout-grid-line:before { content: "\ee90"; } +.ri-layout-left-2-fill:before { content: "\ee91"; } +.ri-layout-left-2-line:before { content: "\ee92"; } +.ri-layout-left-fill:before { content: "\ee93"; } +.ri-layout-left-line:before { content: "\ee94"; } +.ri-layout-line:before { content: "\ee95"; } +.ri-layout-masonry-fill:before { content: "\ee96"; } +.ri-layout-masonry-line:before { content: "\ee97"; } +.ri-layout-right-2-fill:before { content: "\ee98"; } +.ri-layout-right-2-line:before { content: "\ee99"; } +.ri-layout-right-fill:before { content: "\ee9a"; } +.ri-layout-right-line:before { content: "\ee9b"; } +.ri-layout-row-fill:before { content: "\ee9c"; } +.ri-layout-row-line:before { content: "\ee9d"; } +.ri-layout-top-2-fill:before { content: "\ee9e"; } +.ri-layout-top-2-line:before { content: "\ee9f"; } +.ri-layout-top-fill:before { content: "\eea0"; } +.ri-layout-top-line:before { content: "\eea1"; } +.ri-leaf-fill:before { content: "\eea2"; } +.ri-leaf-line:before { content: "\eea3"; } +.ri-lifebuoy-fill:before { content: "\eea4"; } +.ri-lifebuoy-line:before { content: "\eea5"; } +.ri-lightbulb-fill:before { content: "\eea6"; } +.ri-lightbulb-flash-fill:before { content: "\eea7"; } +.ri-lightbulb-flash-line:before { content: "\eea8"; } +.ri-lightbulb-line:before { content: "\eea9"; } +.ri-line-chart-fill:before { content: "\eeaa"; } +.ri-line-chart-line:before { content: "\eeab"; } +.ri-line-fill:before { content: "\eeac"; } +.ri-line-height:before { content: "\eead"; } +.ri-line-line:before { content: "\eeae"; } +.ri-link-m:before { content: "\eeaf"; } +.ri-link-unlink-m:before { content: "\eeb0"; } +.ri-link-unlink:before { content: "\eeb1"; } +.ri-link:before { content: "\eeb2"; } +.ri-linkedin-box-fill:before { content: "\eeb3"; } +.ri-linkedin-box-line:before { content: "\eeb4"; } +.ri-linkedin-fill:before { content: "\eeb5"; } +.ri-linkedin-line:before { content: "\eeb6"; } +.ri-links-fill:before { content: "\eeb7"; } +.ri-links-line:before { content: "\eeb8"; } +.ri-list-check-2:before { content: "\eeb9"; } +.ri-list-check:before { content: "\eeba"; } +.ri-list-ordered:before { content: "\eebb"; } +.ri-list-settings-fill:before { content: "\eebc"; } +.ri-list-settings-line:before { content: "\eebd"; } +.ri-list-unordered:before { content: "\eebe"; } +.ri-live-fill:before { content: "\eebf"; } +.ri-live-line:before { content: "\eec0"; } +.ri-loader-2-fill:before { content: "\eec1"; } +.ri-loader-2-line:before { content: "\eec2"; } +.ri-loader-3-fill:before { content: "\eec3"; } +.ri-loader-3-line:before { content: "\eec4"; } +.ri-loader-4-fill:before { content: "\eec5"; } +.ri-loader-4-line:before { content: "\eec6"; } +.ri-loader-5-fill:before { content: "\eec7"; } +.ri-loader-5-line:before { content: "\eec8"; } +.ri-loader-fill:before { content: "\eec9"; } +.ri-loader-line:before { content: "\eeca"; } +.ri-lock-2-fill:before { content: "\eecb"; } +.ri-lock-2-line:before { content: "\eecc"; } +.ri-lock-fill:before { content: "\eecd"; } +.ri-lock-line:before { content: "\eece"; } +.ri-lock-password-fill:before { content: "\eecf"; } +.ri-lock-password-line:before { content: "\eed0"; } +.ri-lock-unlock-fill:before { content: "\eed1"; } +.ri-lock-unlock-line:before { content: "\eed2"; } +.ri-login-box-fill:before { content: "\eed3"; } +.ri-login-box-line:before { content: "\eed4"; } +.ri-login-circle-fill:before { content: "\eed5"; } +.ri-login-circle-line:before { content: "\eed6"; } +.ri-logout-box-fill:before { content: "\eed7"; } +.ri-logout-box-line:before { content: "\eed8"; } +.ri-logout-box-r-fill:before { content: "\eed9"; } +.ri-logout-box-r-line:before { content: "\eeda"; } +.ri-logout-circle-fill:before { content: "\eedb"; } +.ri-logout-circle-line:before { content: "\eedc"; } +.ri-logout-circle-r-fill:before { content: "\eedd"; } +.ri-logout-circle-r-line:before { content: "\eede"; } +.ri-luggage-cart-fill:before { content: "\eedf"; } +.ri-luggage-cart-line:before { content: "\eee0"; } +.ri-luggage-deposit-fill:before { content: "\eee1"; } +.ri-luggage-deposit-line:before { content: "\eee2"; } +.ri-lungs-fill:before { content: "\eee3"; } +.ri-lungs-line:before { content: "\eee4"; } +.ri-mac-fill:before { content: "\eee5"; } +.ri-mac-line:before { content: "\eee6"; } +.ri-macbook-fill:before { content: "\eee7"; } +.ri-macbook-line:before { content: "\eee8"; } +.ri-magic-fill:before { content: "\eee9"; } +.ri-magic-line:before { content: "\eeea"; } +.ri-mail-add-fill:before { content: "\eeeb"; } +.ri-mail-add-line:before { content: "\eeec"; } +.ri-mail-check-fill:before { content: "\eeed"; } +.ri-mail-check-line:before { content: "\eeee"; } +.ri-mail-close-fill:before { content: "\eeef"; } +.ri-mail-close-line:before { content: "\eef0"; } +.ri-mail-download-fill:before { content: "\eef1"; } +.ri-mail-download-line:before { content: "\eef2"; } +.ri-mail-fill:before { content: "\eef3"; } +.ri-mail-forbid-fill:before { content: "\eef4"; } +.ri-mail-forbid-line:before { content: "\eef5"; } +.ri-mail-line:before { content: "\eef6"; } +.ri-mail-lock-fill:before { content: "\eef7"; } +.ri-mail-lock-line:before { content: "\eef8"; } +.ri-mail-open-fill:before { content: "\eef9"; } +.ri-mail-open-line:before { content: "\eefa"; } +.ri-mail-send-fill:before { content: "\eefb"; } +.ri-mail-send-line:before { content: "\eefc"; } +.ri-mail-settings-fill:before { content: "\eefd"; } +.ri-mail-settings-line:before { content: "\eefe"; } +.ri-mail-star-fill:before { content: "\eeff"; } +.ri-mail-star-line:before { content: "\ef00"; } +.ri-mail-unread-fill:before { content: "\ef01"; } +.ri-mail-unread-line:before { content: "\ef02"; } +.ri-mail-volume-fill:before { content: "\ef03"; } +.ri-mail-volume-line:before { content: "\ef04"; } +.ri-map-2-fill:before { content: "\ef05"; } +.ri-map-2-line:before { content: "\ef06"; } +.ri-map-fill:before { content: "\ef07"; } +.ri-map-line:before { content: "\ef08"; } +.ri-map-pin-2-fill:before { content: "\ef09"; } +.ri-map-pin-2-line:before { content: "\ef0a"; } +.ri-map-pin-3-fill:before { content: "\ef0b"; } +.ri-map-pin-3-line:before { content: "\ef0c"; } +.ri-map-pin-4-fill:before { content: "\ef0d"; } +.ri-map-pin-4-line:before { content: "\ef0e"; } +.ri-map-pin-5-fill:before { content: "\ef0f"; } +.ri-map-pin-5-line:before { content: "\ef10"; } +.ri-map-pin-add-fill:before { content: "\ef11"; } +.ri-map-pin-add-line:before { content: "\ef12"; } +.ri-map-pin-fill:before { content: "\ef13"; } +.ri-map-pin-line:before { content: "\ef14"; } +.ri-map-pin-range-fill:before { content: "\ef15"; } +.ri-map-pin-range-line:before { content: "\ef16"; } +.ri-map-pin-time-fill:before { content: "\ef17"; } +.ri-map-pin-time-line:before { content: "\ef18"; } +.ri-map-pin-user-fill:before { content: "\ef19"; } +.ri-map-pin-user-line:before { content: "\ef1a"; } +.ri-mark-pen-fill:before { content: "\ef1b"; } +.ri-mark-pen-line:before { content: "\ef1c"; } +.ri-markdown-fill:before { content: "\ef1d"; } +.ri-markdown-line:before { content: "\ef1e"; } +.ri-markup-fill:before { content: "\ef1f"; } +.ri-markup-line:before { content: "\ef20"; } +.ri-mastercard-fill:before { content: "\ef21"; } +.ri-mastercard-line:before { content: "\ef22"; } +.ri-mastodon-fill:before { content: "\ef23"; } +.ri-mastodon-line:before { content: "\ef24"; } +.ri-medal-2-fill:before { content: "\ef25"; } +.ri-medal-2-line:before { content: "\ef26"; } +.ri-medal-fill:before { content: "\ef27"; } +.ri-medal-line:before { content: "\ef28"; } +.ri-medicine-bottle-fill:before { content: "\ef29"; } +.ri-medicine-bottle-line:before { content: "\ef2a"; } +.ri-medium-fill:before { content: "\ef2b"; } +.ri-medium-line:before { content: "\ef2c"; } +.ri-men-fill:before { content: "\ef2d"; } +.ri-men-line:before { content: "\ef2e"; } +.ri-mental-health-fill:before { content: "\ef2f"; } +.ri-mental-health-line:before { content: "\ef30"; } +.ri-menu-2-fill:before { content: "\ef31"; } +.ri-menu-2-line:before { content: "\ef32"; } +.ri-menu-3-fill:before { content: "\ef33"; } +.ri-menu-3-line:before { content: "\ef34"; } +.ri-menu-4-fill:before { content: "\ef35"; } +.ri-menu-4-line:before { content: "\ef36"; } +.ri-menu-5-fill:before { content: "\ef37"; } +.ri-menu-5-line:before { content: "\ef38"; } +.ri-menu-add-fill:before { content: "\ef39"; } +.ri-menu-add-line:before { content: "\ef3a"; } +.ri-menu-fill:before { content: "\ef3b"; } +.ri-menu-fold-fill:before { content: "\ef3c"; } +.ri-menu-fold-line:before { content: "\ef3d"; } +.ri-menu-line:before { content: "\ef3e"; } +.ri-menu-unfold-fill:before { content: "\ef3f"; } +.ri-menu-unfold-line:before { content: "\ef40"; } +.ri-merge-cells-horizontal:before { content: "\ef41"; } +.ri-merge-cells-vertical:before { content: "\ef42"; } +.ri-message-2-fill:before { content: "\ef43"; } +.ri-message-2-line:before { content: "\ef44"; } +.ri-message-3-fill:before { content: "\ef45"; } +.ri-message-3-line:before { content: "\ef46"; } +.ri-message-fill:before { content: "\ef47"; } +.ri-message-line:before { content: "\ef48"; } +.ri-messenger-fill:before { content: "\ef49"; } +.ri-messenger-line:before { content: "\ef4a"; } +.ri-meteor-fill:before { content: "\ef4b"; } +.ri-meteor-line:before { content: "\ef4c"; } +.ri-mic-2-fill:before { content: "\ef4d"; } +.ri-mic-2-line:before { content: "\ef4e"; } +.ri-mic-fill:before { content: "\ef4f"; } +.ri-mic-line:before { content: "\ef50"; } +.ri-mic-off-fill:before { content: "\ef51"; } +.ri-mic-off-line:before { content: "\ef52"; } +.ri-mickey-fill:before { content: "\ef53"; } +.ri-mickey-line:before { content: "\ef54"; } +.ri-microscope-fill:before { content: "\ef55"; } +.ri-microscope-line:before { content: "\ef56"; } +.ri-microsoft-fill:before { content: "\ef57"; } +.ri-microsoft-line:before { content: "\ef58"; } +.ri-mind-map:before { content: "\ef59"; } +.ri-mini-program-fill:before { content: "\ef5a"; } +.ri-mini-program-line:before { content: "\ef5b"; } +.ri-mist-fill:before { content: "\ef5c"; } +.ri-mist-line:before { content: "\ef5d"; } +.ri-money-cny-box-fill:before { content: "\ef5e"; } +.ri-money-cny-box-line:before { content: "\ef5f"; } +.ri-money-cny-circle-fill:before { content: "\ef60"; } +.ri-money-cny-circle-line:before { content: "\ef61"; } +.ri-money-dollar-box-fill:before { content: "\ef62"; } +.ri-money-dollar-box-line:before { content: "\ef63"; } +.ri-money-dollar-circle-fill:before { content: "\ef64"; } +.ri-money-dollar-circle-line:before { content: "\ef65"; } +.ri-money-euro-box-fill:before { content: "\ef66"; } +.ri-money-euro-box-line:before { content: "\ef67"; } +.ri-money-euro-circle-fill:before { content: "\ef68"; } +.ri-money-euro-circle-line:before { content: "\ef69"; } +.ri-money-pound-box-fill:before { content: "\ef6a"; } +.ri-money-pound-box-line:before { content: "\ef6b"; } +.ri-money-pound-circle-fill:before { content: "\ef6c"; } +.ri-money-pound-circle-line:before { content: "\ef6d"; } +.ri-moon-clear-fill:before { content: "\ef6e"; } +.ri-moon-clear-line:before { content: "\ef6f"; } +.ri-moon-cloudy-fill:before { content: "\ef70"; } +.ri-moon-cloudy-line:before { content: "\ef71"; } +.ri-moon-fill:before { content: "\ef72"; } +.ri-moon-foggy-fill:before { content: "\ef73"; } +.ri-moon-foggy-line:before { content: "\ef74"; } +.ri-moon-line:before { content: "\ef75"; } +.ri-more-2-fill:before { content: "\ef76"; } +.ri-more-2-line:before { content: "\ef77"; } +.ri-more-fill:before { content: "\ef78"; } +.ri-more-line:before { content: "\ef79"; } +.ri-motorbike-fill:before { content: "\ef7a"; } +.ri-motorbike-line:before { content: "\ef7b"; } +.ri-mouse-fill:before { content: "\ef7c"; } +.ri-mouse-line:before { content: "\ef7d"; } +.ri-movie-2-fill:before { content: "\ef7e"; } +.ri-movie-2-line:before { content: "\ef7f"; } +.ri-movie-fill:before { content: "\ef80"; } +.ri-movie-line:before { content: "\ef81"; } +.ri-music-2-fill:before { content: "\ef82"; } +.ri-music-2-line:before { content: "\ef83"; } +.ri-music-fill:before { content: "\ef84"; } +.ri-music-line:before { content: "\ef85"; } +.ri-mv-fill:before { content: "\ef86"; } +.ri-mv-line:before { content: "\ef87"; } +.ri-navigation-fill:before { content: "\ef88"; } +.ri-navigation-line:before { content: "\ef89"; } +.ri-netease-cloud-music-fill:before { content: "\ef8a"; } +.ri-netease-cloud-music-line:before { content: "\ef8b"; } +.ri-netflix-fill:before { content: "\ef8c"; } +.ri-netflix-line:before { content: "\ef8d"; } +.ri-newspaper-fill:before { content: "\ef8e"; } +.ri-newspaper-line:before { content: "\ef8f"; } +.ri-node-tree:before { content: "\ef90"; } +.ri-notification-2-fill:before { content: "\ef91"; } +.ri-notification-2-line:before { content: "\ef92"; } +.ri-notification-3-fill:before { content: "\ef93"; } +.ri-notification-3-line:before { content: "\ef94"; } +.ri-notification-4-fill:before { content: "\ef95"; } +.ri-notification-4-line:before { content: "\ef96"; } +.ri-notification-badge-fill:before { content: "\ef97"; } +.ri-notification-badge-line:before { content: "\ef98"; } +.ri-notification-fill:before { content: "\ef99"; } +.ri-notification-line:before { content: "\ef9a"; } +.ri-notification-off-fill:before { content: "\ef9b"; } +.ri-notification-off-line:before { content: "\ef9c"; } +.ri-npmjs-fill:before { content: "\ef9d"; } +.ri-npmjs-line:before { content: "\ef9e"; } +.ri-number-0:before { content: "\ef9f"; } +.ri-number-1:before { content: "\efa0"; } +.ri-number-2:before { content: "\efa1"; } +.ri-number-3:before { content: "\efa2"; } +.ri-number-4:before { content: "\efa3"; } +.ri-number-5:before { content: "\efa4"; } +.ri-number-6:before { content: "\efa5"; } +.ri-number-7:before { content: "\efa6"; } +.ri-number-8:before { content: "\efa7"; } +.ri-number-9:before { content: "\efa8"; } +.ri-numbers-fill:before { content: "\efa9"; } +.ri-numbers-line:before { content: "\efaa"; } +.ri-nurse-fill:before { content: "\efab"; } +.ri-nurse-line:before { content: "\efac"; } +.ri-oil-fill:before { content: "\efad"; } +.ri-oil-line:before { content: "\efae"; } +.ri-omega:before { content: "\efaf"; } +.ri-open-arm-fill:before { content: "\efb0"; } +.ri-open-arm-line:before { content: "\efb1"; } +.ri-open-source-fill:before { content: "\efb2"; } +.ri-open-source-line:before { content: "\efb3"; } +.ri-opera-fill:before { content: "\efb4"; } +.ri-opera-line:before { content: "\efb5"; } +.ri-order-play-fill:before { content: "\efb6"; } +.ri-order-play-line:before { content: "\efb7"; } +.ri-organization-chart:before { content: "\efb8"; } +.ri-outlet-2-fill:before { content: "\efb9"; } +.ri-outlet-2-line:before { content: "\efba"; } +.ri-outlet-fill:before { content: "\efbb"; } +.ri-outlet-line:before { content: "\efbc"; } +.ri-page-separator:before { content: "\efbd"; } +.ri-pages-fill:before { content: "\efbe"; } +.ri-pages-line:before { content: "\efbf"; } +.ri-paint-brush-fill:before { content: "\efc0"; } +.ri-paint-brush-line:before { content: "\efc1"; } +.ri-paint-fill:before { content: "\efc2"; } +.ri-paint-line:before { content: "\efc3"; } +.ri-palette-fill:before { content: "\efc4"; } +.ri-palette-line:before { content: "\efc5"; } +.ri-pantone-fill:before { content: "\efc6"; } +.ri-pantone-line:before { content: "\efc7"; } +.ri-paragraph:before { content: "\efc8"; } +.ri-parent-fill:before { content: "\efc9"; } +.ri-parent-line:before { content: "\efca"; } +.ri-parentheses-fill:before { content: "\efcb"; } +.ri-parentheses-line:before { content: "\efcc"; } +.ri-parking-box-fill:before { content: "\efcd"; } +.ri-parking-box-line:before { content: "\efce"; } +.ri-parking-fill:before { content: "\efcf"; } +.ri-parking-line:before { content: "\efd0"; } +.ri-passport-fill:before { content: "\efd1"; } +.ri-passport-line:before { content: "\efd2"; } +.ri-patreon-fill:before { content: "\efd3"; } +.ri-patreon-line:before { content: "\efd4"; } +.ri-pause-circle-fill:before { content: "\efd5"; } +.ri-pause-circle-line:before { content: "\efd6"; } +.ri-pause-fill:before { content: "\efd7"; } +.ri-pause-line:before { content: "\efd8"; } +.ri-pause-mini-fill:before { content: "\efd9"; } +.ri-pause-mini-line:before { content: "\efda"; } +.ri-paypal-fill:before { content: "\efdb"; } +.ri-paypal-line:before { content: "\efdc"; } +.ri-pen-nib-fill:before { content: "\efdd"; } +.ri-pen-nib-line:before { content: "\efde"; } +.ri-pencil-fill:before { content: "\efdf"; } +.ri-pencil-line:before { content: "\efe0"; } +.ri-pencil-ruler-2-fill:before { content: "\efe1"; } +.ri-pencil-ruler-2-line:before { content: "\efe2"; } +.ri-pencil-ruler-fill:before { content: "\efe3"; } +.ri-pencil-ruler-line:before { content: "\efe4"; } +.ri-percent-fill:before { content: "\efe5"; } +.ri-percent-line:before { content: "\efe6"; } +.ri-phone-camera-fill:before { content: "\efe7"; } +.ri-phone-camera-line:before { content: "\efe8"; } +.ri-phone-fill:before { content: "\efe9"; } +.ri-phone-find-fill:before { content: "\efea"; } +.ri-phone-find-line:before { content: "\efeb"; } +.ri-phone-line:before { content: "\efec"; } +.ri-phone-lock-fill:before { content: "\efed"; } +.ri-phone-lock-line:before { content: "\efee"; } +.ri-picture-in-picture-2-fill:before { content: "\efef"; } +.ri-picture-in-picture-2-line:before { content: "\eff0"; } +.ri-picture-in-picture-exit-fill:before { content: "\eff1"; } +.ri-picture-in-picture-exit-line:before { content: "\eff2"; } +.ri-picture-in-picture-fill:before { content: "\eff3"; } +.ri-picture-in-picture-line:before { content: "\eff4"; } +.ri-pie-chart-2-fill:before { content: "\eff5"; } +.ri-pie-chart-2-line:before { content: "\eff6"; } +.ri-pie-chart-box-fill:before { content: "\eff7"; } +.ri-pie-chart-box-line:before { content: "\eff8"; } +.ri-pie-chart-fill:before { content: "\eff9"; } +.ri-pie-chart-line:before { content: "\effa"; } +.ri-pin-distance-fill:before { content: "\effb"; } +.ri-pin-distance-line:before { content: "\effc"; } +.ri-ping-pong-fill:before { content: "\effd"; } +.ri-ping-pong-line:before { content: "\effe"; } +.ri-pinterest-fill:before { content: "\efff"; } +.ri-pinterest-line:before { content: "\f000"; } +.ri-pinyin-input:before { content: "\f001"; } +.ri-pixelfed-fill:before { content: "\f002"; } +.ri-pixelfed-line:before { content: "\f003"; } +.ri-plane-fill:before { content: "\f004"; } +.ri-plane-line:before { content: "\f005"; } +.ri-plant-fill:before { content: "\f006"; } +.ri-plant-line:before { content: "\f007"; } +.ri-play-circle-fill:before { content: "\f008"; } +.ri-play-circle-line:before { content: "\f009"; } +.ri-play-fill:before { content: "\f00a"; } +.ri-play-line:before { content: "\f00b"; } +.ri-play-list-2-fill:before { content: "\f00c"; } +.ri-play-list-2-line:before { content: "\f00d"; } +.ri-play-list-add-fill:before { content: "\f00e"; } +.ri-play-list-add-line:before { content: "\f00f"; } +.ri-play-list-fill:before { content: "\f010"; } +.ri-play-list-line:before { content: "\f011"; } +.ri-play-mini-fill:before { content: "\f012"; } +.ri-play-mini-line:before { content: "\f013"; } +.ri-playstation-fill:before { content: "\f014"; } +.ri-playstation-line:before { content: "\f015"; } +.ri-plug-2-fill:before { content: "\f016"; } +.ri-plug-2-line:before { content: "\f017"; } +.ri-plug-fill:before { content: "\f018"; } +.ri-plug-line:before { content: "\f019"; } +.ri-polaroid-2-fill:before { content: "\f01a"; } +.ri-polaroid-2-line:before { content: "\f01b"; } +.ri-polaroid-fill:before { content: "\f01c"; } +.ri-polaroid-line:before { content: "\f01d"; } +.ri-police-car-fill:before { content: "\f01e"; } +.ri-police-car-line:before { content: "\f01f"; } +.ri-price-tag-2-fill:before { content: "\f020"; } +.ri-price-tag-2-line:before { content: "\f021"; } +.ri-price-tag-3-fill:before { content: "\f022"; } +.ri-price-tag-3-line:before { content: "\f023"; } +.ri-price-tag-fill:before { content: "\f024"; } +.ri-price-tag-line:before { content: "\f025"; } +.ri-printer-cloud-fill:before { content: "\f026"; } +.ri-printer-cloud-line:before { content: "\f027"; } +.ri-printer-fill:before { content: "\f028"; } +.ri-printer-line:before { content: "\f029"; } +.ri-product-hunt-fill:before { content: "\f02a"; } +.ri-product-hunt-line:before { content: "\f02b"; } +.ri-profile-fill:before { content: "\f02c"; } +.ri-profile-line:before { content: "\f02d"; } +.ri-projector-2-fill:before { content: "\f02e"; } +.ri-projector-2-line:before { content: "\f02f"; } +.ri-projector-fill:before { content: "\f030"; } +.ri-projector-line:before { content: "\f031"; } +.ri-psychotherapy-fill:before { content: "\f032"; } +.ri-psychotherapy-line:before { content: "\f033"; } +.ri-pulse-fill:before { content: "\f034"; } +.ri-pulse-line:before { content: "\f035"; } +.ri-pushpin-2-fill:before { content: "\f036"; } +.ri-pushpin-2-line:before { content: "\f037"; } +.ri-pushpin-fill:before { content: "\f038"; } +.ri-pushpin-line:before { content: "\f039"; } +.ri-qq-fill:before { content: "\f03a"; } +.ri-qq-line:before { content: "\f03b"; } +.ri-qr-code-fill:before { content: "\f03c"; } +.ri-qr-code-line:before { content: "\f03d"; } +.ri-qr-scan-2-fill:before { content: "\f03e"; } +.ri-qr-scan-2-line:before { content: "\f03f"; } +.ri-qr-scan-fill:before { content: "\f040"; } +.ri-qr-scan-line:before { content: "\f041"; } +.ri-question-answer-fill:before { content: "\f042"; } +.ri-question-answer-line:before { content: "\f043"; } +.ri-question-fill:before { content: "\f044"; } +.ri-question-line:before { content: "\f045"; } +.ri-question-mark:before { content: "\f046"; } +.ri-questionnaire-fill:before { content: "\f047"; } +.ri-questionnaire-line:before { content: "\f048"; } +.ri-quill-pen-fill:before { content: "\f049"; } +.ri-quill-pen-line:before { content: "\f04a"; } +.ri-radar-fill:before { content: "\f04b"; } +.ri-radar-line:before { content: "\f04c"; } +.ri-radio-2-fill:before { content: "\f04d"; } +.ri-radio-2-line:before { content: "\f04e"; } +.ri-radio-button-fill:before { content: "\f04f"; } +.ri-radio-button-line:before { content: "\f050"; } +.ri-radio-fill:before { content: "\f051"; } +.ri-radio-line:before { content: "\f052"; } +.ri-devsblink-fill:before { content: "\f053"; } +.ri-devsblink-line:before { content: "\f054"; } +.ri-rainy-fill:before { content: "\f055"; } +.ri-rainy-line:before { content: "\f056"; } +.ri-reactjs-fill:before { content: "\f057"; } +.ri-reactjs-line:before { content: "\f058"; } +.ri-record-circle-fill:before { content: "\f059"; } +.ri-record-circle-line:before { content: "\f05a"; } +.ri-record-mail-fill:before { content: "\f05b"; } +.ri-record-mail-line:before { content: "\f05c"; } +.ri-recycle-fill:before { content: "\f05d"; } +.ri-recycle-line:before { content: "\f05e"; } +.ri-red-packet-fill:before { content: "\f05f"; } +.ri-red-packet-line:before { content: "\f060"; } +.ri-reddit-fill:before { content: "\f061"; } +.ri-reddit-line:before { content: "\f062"; } +.ri-refresh-fill:before { content: "\f063"; } +.ri-refresh-line:before { content: "\f064"; } +.ri-refund-2-fill:before { content: "\f065"; } +.ri-refund-2-line:before { content: "\f066"; } +.ri-refund-fill:before { content: "\f067"; } +.ri-refund-line:before { content: "\f068"; } +.ri-registered-fill:before { content: "\f069"; } +.ri-registered-line:before { content: "\f06a"; } +.ri-remixicon-fill:before { content: "\f06b"; } +.ri-remixicon-line:before { content: "\f06c"; } +.ri-remote-control-2-fill:before { content: "\f06d"; } +.ri-remote-control-2-line:before { content: "\f06e"; } +.ri-remote-control-fill:before { content: "\f06f"; } +.ri-remote-control-line:before { content: "\f070"; } +.ri-repeat-2-fill:before { content: "\f071"; } +.ri-repeat-2-line:before { content: "\f072"; } +.ri-repeat-fill:before { content: "\f073"; } +.ri-repeat-line:before { content: "\f074"; } +.ri-repeat-one-fill:before { content: "\f075"; } +.ri-repeat-one-line:before { content: "\f076"; } +.ri-reply-all-fill:before { content: "\f077"; } +.ri-reply-all-line:before { content: "\f078"; } +.ri-reply-fill:before { content: "\f079"; } +.ri-reply-line:before { content: "\f07a"; } +.ri-reserved-fill:before { content: "\f07b"; } +.ri-reserved-line:before { content: "\f07c"; } +.ri-rest-time-fill:before { content: "\f07d"; } +.ri-rest-time-line:before { content: "\f07e"; } +.ri-restart-fill:before { content: "\f07f"; } +.ri-restart-line:before { content: "\f080"; } +.ri-restaurant-2-fill:before { content: "\f081"; } +.ri-restaurant-2-line:before { content: "\f082"; } +.ri-restaurant-fill:before { content: "\f083"; } +.ri-restaurant-line:before { content: "\f084"; } +.ri-rewind-fill:before { content: "\f085"; } +.ri-rewind-line:before { content: "\f086"; } +.ri-rewind-mini-fill:before { content: "\f087"; } +.ri-rewind-mini-line:before { content: "\f088"; } +.ri-rhythm-fill:before { content: "\f089"; } +.ri-rhythm-line:before { content: "\f08a"; } +.ri-riding-fill:before { content: "\f08b"; } +.ri-riding-line:before { content: "\f08c"; } +.ri-road-map-fill:before { content: "\f08d"; } +.ri-road-map-line:before { content: "\f08e"; } +.ri-roadster-fill:before { content: "\f08f"; } +.ri-roadster-line:before { content: "\f090"; } +.ri-robot-fill:before { content: "\f091"; } +.ri-robot-line:before { content: "\f092"; } +.ri-rocket-2-fill:before { content: "\f093"; } +.ri-rocket-2-line:before { content: "\f094"; } +.ri-rocket-fill:before { content: "\f095"; } +.ri-rocket-line:before { content: "\f096"; } +.ri-rotate-lock-fill:before { content: "\f097"; } +.ri-rotate-lock-line:before { content: "\f098"; } +.ri-rounded-corner:before { content: "\f099"; } +.ri-route-fill:before { content: "\f09a"; } +.ri-route-line:before { content: "\f09b"; } +.ri-router-fill:before { content: "\f09c"; } +.ri-router-line:before { content: "\f09d"; } +.ri-rss-fill:before { content: "\f09e"; } +.ri-rss-line:before { content: "\f09f"; } +.ri-ruler-2-fill:before { content: "\f0a0"; } +.ri-ruler-2-line:before { content: "\f0a1"; } +.ri-ruler-fill:before { content: "\f0a2"; } +.ri-ruler-line:before { content: "\f0a3"; } +.ri-run-fill:before { content: "\f0a4"; } +.ri-run-line:before { content: "\f0a5"; } +.ri-safari-fill:before { content: "\f0a6"; } +.ri-safari-line:before { content: "\f0a7"; } +.ri-safe-2-fill:before { content: "\f0a8"; } +.ri-safe-2-line:before { content: "\f0a9"; } +.ri-safe-fill:before { content: "\f0aa"; } +.ri-safe-line:before { content: "\f0ab"; } +.ri-sailboat-fill:before { content: "\f0ac"; } +.ri-sailboat-line:before { content: "\f0ad"; } +.ri-save-2-fill:before { content: "\f0ae"; } +.ri-save-2-line:before { content: "\f0af"; } +.ri-save-3-fill:before { content: "\f0b0"; } +.ri-save-3-line:before { content: "\f0b1"; } +.ri-save-fill:before { content: "\f0b2"; } +.ri-save-line:before { content: "\f0b3"; } +.ri-scales-2-fill:before { content: "\f0b4"; } +.ri-scales-2-line:before { content: "\f0b5"; } +.ri-scales-3-fill:before { content: "\f0b6"; } +.ri-scales-3-line:before { content: "\f0b7"; } +.ri-scales-fill:before { content: "\f0b8"; } +.ri-scales-line:before { content: "\f0b9"; } +.ri-scan-2-fill:before { content: "\f0ba"; } +.ri-scan-2-line:before { content: "\f0bb"; } +.ri-scan-fill:before { content: "\f0bc"; } +.ri-scan-line:before { content: "\f0bd"; } +.ri-scissors-2-fill:before { content: "\f0be"; } +.ri-scissors-2-line:before { content: "\f0bf"; } +.ri-scissors-cut-fill:before { content: "\f0c0"; } +.ri-scissors-cut-line:before { content: "\f0c1"; } +.ri-scissors-fill:before { content: "\f0c2"; } +.ri-scissors-line:before { content: "\f0c3"; } +.ri-screenshot-2-fill:before { content: "\f0c4"; } +.ri-screenshot-2-line:before { content: "\f0c5"; } +.ri-screenshot-fill:before { content: "\f0c6"; } +.ri-screenshot-line:before { content: "\f0c7"; } +.ri-sd-card-fill:before { content: "\f0c8"; } +.ri-sd-card-line:before { content: "\f0c9"; } +.ri-sd-card-mini-fill:before { content: "\f0ca"; } +.ri-sd-card-mini-line:before { content: "\f0cb"; } +.ri-search-2-fill:before { content: "\f0cc"; } +.ri-search-2-line:before { content: "\f0cd"; } +.ri-search-eye-fill:before { content: "\f0ce"; } +.ri-search-eye-line:before { content: "\f0cf"; } +.ri-search-fill:before { content: "\f0d0"; } +.ri-search-line:before { content: "\f0d1"; } +.ri-secure-payment-fill:before { content: "\f0d2"; } +.ri-secure-payment-line:before { content: "\f0d3"; } +.ri-seedling-fill:before { content: "\f0d4"; } +.ri-seedling-line:before { content: "\f0d5"; } +.ri-send-backward:before { content: "\f0d6"; } +.ri-send-plane-2-fill:before { content: "\f0d7"; } +.ri-send-plane-2-line:before { content: "\f0d8"; } +.ri-send-plane-fill:before { content: "\f0d9"; } +.ri-send-plane-line:before { content: "\f0da"; } +.ri-send-to-back:before { content: "\f0db"; } +.ri-sensor-fill:before { content: "\f0dc"; } +.ri-sensor-line:before { content: "\f0dd"; } +.ri-separator:before { content: "\f0de"; } +.ri-server-fill:before { content: "\f0df"; } +.ri-server-line:before { content: "\f0e0"; } +.ri-service-fill:before { content: "\f0e1"; } +.ri-service-line:before { content: "\f0e2"; } +.ri-settings-2-fill:before { content: "\f0e3"; } +.ri-settings-2-line:before { content: "\f0e4"; } +.ri-settings-3-fill:before { content: "\f0e5"; } +.ri-settings-3-line:before { content: "\f0e6"; } +.ri-settings-4-fill:before { content: "\f0e7"; } +.ri-settings-4-line:before { content: "\f0e8"; } +.ri-settings-5-fill:before { content: "\f0e9"; } +.ri-settings-5-line:before { content: "\f0ea"; } +.ri-settings-6-fill:before { content: "\f0eb"; } +.ri-settings-6-line:before { content: "\f0ec"; } +.ri-settings-fill:before { content: "\f0ed"; } +.ri-settings-line:before { content: "\f0ee"; } +.ri-shape-2-fill:before { content: "\f0ef"; } +.ri-shape-2-line:before { content: "\f0f0"; } +.ri-shape-fill:before { content: "\f0f1"; } +.ri-shape-line:before { content: "\f0f2"; } +.ri-share-box-fill:before { content: "\f0f3"; } +.ri-share-box-line:before { content: "\f0f4"; } +.ri-share-circle-fill:before { content: "\f0f5"; } +.ri-share-circle-line:before { content: "\f0f6"; } +.ri-share-fill:before { content: "\f0f7"; } +.ri-share-forward-2-fill:before { content: "\f0f8"; } +.ri-share-forward-2-line:before { content: "\f0f9"; } +.ri-share-forward-box-fill:before { content: "\f0fa"; } +.ri-share-forward-box-line:before { content: "\f0fb"; } +.ri-share-forward-fill:before { content: "\f0fc"; } +.ri-share-forward-line:before { content: "\f0fd"; } +.ri-share-line:before { content: "\f0fe"; } +.ri-shield-check-fill:before { content: "\f0ff"; } +.ri-shield-check-line:before { content: "\f100"; } +.ri-shield-cross-fill:before { content: "\f101"; } +.ri-shield-cross-line:before { content: "\f102"; } +.ri-shield-fill:before { content: "\f103"; } +.ri-shield-flash-fill:before { content: "\f104"; } +.ri-shield-flash-line:before { content: "\f105"; } +.ri-shield-keyhole-fill:before { content: "\f106"; } +.ri-shield-keyhole-line:before { content: "\f107"; } +.ri-shield-line:before { content: "\f108"; } +.ri-shield-star-fill:before { content: "\f109"; } +.ri-shield-star-line:before { content: "\f10a"; } +.ri-shield-user-fill:before { content: "\f10b"; } +.ri-shield-user-line:before { content: "\f10c"; } +.ri-ship-2-fill:before { content: "\f10d"; } +.ri-ship-2-line:before { content: "\f10e"; } +.ri-ship-fill:before { content: "\f10f"; } +.ri-ship-line:before { content: "\f110"; } +.ri-shirt-fill:before { content: "\f111"; } +.ri-shirt-line:before { content: "\f112"; } +.ri-shopping-bag-2-fill:before { content: "\f113"; } +.ri-shopping-bag-2-line:before { content: "\f114"; } +.ri-shopping-bag-3-fill:before { content: "\f115"; } +.ri-shopping-bag-3-line:before { content: "\f116"; } +.ri-shopping-bag-fill:before { content: "\f117"; } +.ri-shopping-bag-line:before { content: "\f118"; } +.ri-shopping-basket-2-fill:before { content: "\f119"; } +.ri-shopping-basket-2-line:before { content: "\f11a"; } +.ri-shopping-basket-fill:before { content: "\f11b"; } +.ri-shopping-basket-line:before { content: "\f11c"; } +.ri-shopping-cart-2-fill:before { content: "\f11d"; } +.ri-shopping-cart-2-line:before { content: "\f11e"; } +.ri-shopping-cart-fill:before { content: "\f11f"; } +.ri-shopping-cart-line:before { content: "\f120"; } +.ri-showers-fill:before { content: "\f121"; } +.ri-showers-line:before { content: "\f122"; } +.ri-shuffle-fill:before { content: "\f123"; } +.ri-shuffle-line:before { content: "\f124"; } +.ri-shut-down-fill:before { content: "\f125"; } +.ri-shut-down-line:before { content: "\f126"; } +.ri-side-bar-fill:before { content: "\f127"; } +.ri-side-bar-line:before { content: "\f128"; } +.ri-signal-tower-fill:before { content: "\f129"; } +.ri-signal-tower-line:before { content: "\f12a"; } +.ri-signal-wifi-1-fill:before { content: "\f12b"; } +.ri-signal-wifi-1-line:before { content: "\f12c"; } +.ri-signal-wifi-2-fill:before { content: "\f12d"; } +.ri-signal-wifi-2-line:before { content: "\f12e"; } +.ri-signal-wifi-3-fill:before { content: "\f12f"; } +.ri-signal-wifi-3-line:before { content: "\f130"; } +.ri-signal-wifi-error-fill:before { content: "\f131"; } +.ri-signal-wifi-error-line:before { content: "\f132"; } +.ri-signal-wifi-fill:before { content: "\f133"; } +.ri-signal-wifi-line:before { content: "\f134"; } +.ri-signal-wifi-off-fill:before { content: "\f135"; } +.ri-signal-wifi-off-line:before { content: "\f136"; } +.ri-sim-card-2-fill:before { content: "\f137"; } +.ri-sim-card-2-line:before { content: "\f138"; } +.ri-sim-card-fill:before { content: "\f139"; } +.ri-sim-card-line:before { content: "\f13a"; } +.ri-single-quotes-l:before { content: "\f13b"; } +.ri-single-quotes-r:before { content: "\f13c"; } +.ri-sip-fill:before { content: "\f13d"; } +.ri-sip-line:before { content: "\f13e"; } +.ri-skip-back-fill:before { content: "\f13f"; } +.ri-skip-back-line:before { content: "\f140"; } +.ri-skip-back-mini-fill:before { content: "\f141"; } +.ri-skip-back-mini-line:before { content: "\f142"; } +.ri-skip-forward-fill:before { content: "\f143"; } +.ri-skip-forward-line:before { content: "\f144"; } +.ri-skip-forward-mini-fill:before { content: "\f145"; } +.ri-skip-forward-mini-line:before { content: "\f146"; } +.ri-skull-2-fill:before { content: "\f147"; } +.ri-skull-2-line:before { content: "\f148"; } +.ri-skull-fill:before { content: "\f149"; } +.ri-skull-line:before { content: "\f14a"; } +.ri-skype-fill:before { content: "\f14b"; } +.ri-skype-line:before { content: "\f14c"; } +.ri-slack-fill:before { content: "\f14d"; } +.ri-slack-line:before { content: "\f14e"; } +.ri-slice-fill:before { content: "\f14f"; } +.ri-slice-line:before { content: "\f150"; } +.ri-slideshow-2-fill:before { content: "\f151"; } +.ri-slideshow-2-line:before { content: "\f152"; } +.ri-slideshow-3-fill:before { content: "\f153"; } +.ri-slideshow-3-line:before { content: "\f154"; } +.ri-slideshow-4-fill:before { content: "\f155"; } +.ri-slideshow-4-line:before { content: "\f156"; } +.ri-slideshow-fill:before { content: "\f157"; } +.ri-slideshow-line:before { content: "\f158"; } +.ri-smartphone-fill:before { content: "\f159"; } +.ri-smartphone-line:before { content: "\f15a"; } +.ri-snapchat-fill:before { content: "\f15b"; } +.ri-snapchat-line:before { content: "\f15c"; } +.ri-snowy-fill:before { content: "\f15d"; } +.ri-snowy-line:before { content: "\f15e"; } +.ri-sort-asc:before { content: "\f15f"; } +.ri-sort-desc:before { content: "\f160"; } +.ri-sound-module-fill:before { content: "\f161"; } +.ri-sound-module-line:before { content: "\f162"; } +.ri-soundcloud-fill:before { content: "\f163"; } +.ri-soundcloud-line:before { content: "\f164"; } +.ri-space-ship-fill:before { content: "\f165"; } +.ri-space-ship-line:before { content: "\f166"; } +.ri-space:before { content: "\f167"; } +.ri-spam-2-fill:before { content: "\f168"; } +.ri-spam-2-line:before { content: "\f169"; } +.ri-spam-3-fill:before { content: "\f16a"; } +.ri-spam-3-line:before { content: "\f16b"; } +.ri-spam-fill:before { content: "\f16c"; } +.ri-spam-line:before { content: "\f16d"; } +.ri-speaker-2-fill:before { content: "\f16e"; } +.ri-speaker-2-line:before { content: "\f16f"; } +.ri-speaker-3-fill:before { content: "\f170"; } +.ri-speaker-3-line:before { content: "\f171"; } +.ri-speaker-fill:before { content: "\f172"; } +.ri-speaker-line:before { content: "\f173"; } +.ri-spectrum-fill:before { content: "\f174"; } +.ri-spectrum-line:before { content: "\f175"; } +.ri-speed-fill:before { content: "\f176"; } +.ri-speed-line:before { content: "\f177"; } +.ri-speed-mini-fill:before { content: "\f178"; } +.ri-speed-mini-line:before { content: "\f179"; } +.ri-split-cells-horizontal:before { content: "\f17a"; } +.ri-split-cells-vertical:before { content: "\f17b"; } +.ri-spotify-fill:before { content: "\f17c"; } +.ri-spotify-line:before { content: "\f17d"; } +.ri-spy-fill:before { content: "\f17e"; } +.ri-spy-line:before { content: "\f17f"; } +.ri-stack-fill:before { content: "\f180"; } +.ri-stack-line:before { content: "\f181"; } +.ri-stack-overflow-fill:before { content: "\f182"; } +.ri-stack-overflow-line:before { content: "\f183"; } +.ri-stackshare-fill:before { content: "\f184"; } +.ri-stackshare-line:before { content: "\f185"; } +.ri-star-fill:before { content: "\f186"; } +.ri-star-half-fill:before { content: "\f187"; } +.ri-star-half-line:before { content: "\f188"; } +.ri-star-half-s-fill:before { content: "\f189"; } +.ri-star-half-s-line:before { content: "\f18a"; } +.ri-star-line:before { content: "\f18b"; } +.ri-star-s-fill:before { content: "\f18c"; } +.ri-star-s-line:before { content: "\f18d"; } +.ri-star-smile-fill:before { content: "\f18e"; } +.ri-star-smile-line:before { content: "\f18f"; } +.ri-steam-fill:before { content: "\f190"; } +.ri-steam-line:before { content: "\f191"; } +.ri-steering-2-fill:before { content: "\f192"; } +.ri-steering-2-line:before { content: "\f193"; } +.ri-steering-fill:before { content: "\f194"; } +.ri-steering-line:before { content: "\f195"; } +.ri-stethoscope-fill:before { content: "\f196"; } +.ri-stethoscope-line:before { content: "\f197"; } +.ri-sticky-note-2-fill:before { content: "\f198"; } +.ri-sticky-note-2-line:before { content: "\f199"; } +.ri-sticky-note-fill:before { content: "\f19a"; } +.ri-sticky-note-line:before { content: "\f19b"; } +.ri-stock-fill:before { content: "\f19c"; } +.ri-stock-line:before { content: "\f19d"; } +.ri-stop-circle-fill:before { content: "\f19e"; } +.ri-stop-circle-line:before { content: "\f19f"; } +.ri-stop-fill:before { content: "\f1a0"; } +.ri-stop-line:before { content: "\f1a1"; } +.ri-stop-mini-fill:before { content: "\f1a2"; } +.ri-stop-mini-line:before { content: "\f1a3"; } +.ri-store-2-fill:before { content: "\f1a4"; } +.ri-store-2-line:before { content: "\f1a5"; } +.ri-store-3-fill:before { content: "\f1a6"; } +.ri-store-3-line:before { content: "\f1a7"; } +.ri-store-fill:before { content: "\f1a8"; } +.ri-store-line:before { content: "\f1a9"; } +.ri-strikethrough-2:before { content: "\f1aa"; } +.ri-strikethrough:before { content: "\f1ab"; } +.ri-subscript-2:before { content: "\f1ac"; } +.ri-subscript:before { content: "\f1ad"; } +.ri-subtract-fill:before { content: "\f1ae"; } +.ri-subtract-line:before { content: "\f1af"; } +.ri-subway-fill:before { content: "\f1b0"; } +.ri-subway-line:before { content: "\f1b1"; } +.ri-subway-wifi-fill:before { content: "\f1b2"; } +.ri-subway-wifi-line:before { content: "\f1b3"; } +.ri-suitcase-2-fill:before { content: "\f1b4"; } +.ri-suitcase-2-line:before { content: "\f1b5"; } +.ri-suitcase-3-fill:before { content: "\f1b6"; } +.ri-suitcase-3-line:before { content: "\f1b7"; } +.ri-suitcase-fill:before { content: "\f1b8"; } +.ri-suitcase-line:before { content: "\f1b9"; } +.ri-sun-cloudy-fill:before { content: "\f1ba"; } +.ri-sun-cloudy-line:before { content: "\f1bb"; } +.ri-sun-fill:before { content: "\f1bc"; } +.ri-sun-foggy-fill:before { content: "\f1bd"; } +.ri-sun-foggy-line:before { content: "\f1be"; } +.ri-sun-line:before { content: "\f1bf"; } +.ri-superscript-2:before { content: "\f1c0"; } +.ri-superscript:before { content: "\f1c1"; } +.ri-surgical-mask-fill:before { content: "\f1c2"; } +.ri-surgical-mask-line:before { content: "\f1c3"; } +.ri-surround-sound-fill:before { content: "\f1c4"; } +.ri-surround-sound-line:before { content: "\f1c5"; } +.ri-survey-fill:before { content: "\f1c6"; } +.ri-survey-line:before { content: "\f1c7"; } +.ri-swap-box-fill:before { content: "\f1c8"; } +.ri-swap-box-line:before { content: "\f1c9"; } +.ri-swap-fill:before { content: "\f1ca"; } +.ri-swap-line:before { content: "\f1cb"; } +.ri-switch-fill:before { content: "\f1cc"; } +.ri-switch-line:before { content: "\f1cd"; } +.ri-sword-fill:before { content: "\f1ce"; } +.ri-sword-line:before { content: "\f1cf"; } +.ri-syringe-fill:before { content: "\f1d0"; } +.ri-syringe-line:before { content: "\f1d1"; } +.ri-t-box-fill:before { content: "\f1d2"; } +.ri-t-box-line:before { content: "\f1d3"; } +.ri-t-shirt-2-fill:before { content: "\f1d4"; } +.ri-t-shirt-2-line:before { content: "\f1d5"; } +.ri-t-shirt-air-fill:before { content: "\f1d6"; } +.ri-t-shirt-air-line:before { content: "\f1d7"; } +.ri-t-shirt-fill:before { content: "\f1d8"; } +.ri-t-shirt-line:before { content: "\f1d9"; } +.ri-table-2:before { content: "\f1da"; } +.ri-table-alt-fill:before { content: "\f1db"; } +.ri-table-alt-line:before { content: "\f1dc"; } +.ri-table-fill:before { content: "\f1dd"; } +.ri-table-line:before { content: "\f1de"; } +.ri-tablet-fill:before { content: "\f1df"; } +.ri-tablet-line:before { content: "\f1e0"; } +.ri-takeaway-fill:before { content: "\f1e1"; } +.ri-takeaway-line:before { content: "\f1e2"; } +.ri-taobao-fill:before { content: "\f1e3"; } +.ri-taobao-line:before { content: "\f1e4"; } +.ri-tape-fill:before { content: "\f1e5"; } +.ri-tape-line:before { content: "\f1e6"; } +.ri-task-fill:before { content: "\f1e7"; } +.ri-task-line:before { content: "\f1e8"; } +.ri-taxi-fill:before { content: "\f1e9"; } +.ri-taxi-line:before { content: "\f1ea"; } +.ri-taxi-wifi-fill:before { content: "\f1eb"; } +.ri-taxi-wifi-line:before { content: "\f1ec"; } +.ri-team-fill:before { content: "\f1ed"; } +.ri-team-line:before { content: "\f1ee"; } +.ri-telegram-fill:before { content: "\f1ef"; } +.ri-telegram-line:before { content: "\f1f0"; } +.ri-temp-cold-fill:before { content: "\f1f1"; } +.ri-temp-cold-line:before { content: "\f1f2"; } +.ri-temp-hot-fill:before { content: "\f1f3"; } +.ri-temp-hot-line:before { content: "\f1f4"; } +.ri-terminal-box-fill:before { content: "\f1f5"; } +.ri-terminal-box-line:before { content: "\f1f6"; } +.ri-terminal-fill:before { content: "\f1f7"; } +.ri-terminal-line:before { content: "\f1f8"; } +.ri-terminal-window-fill:before { content: "\f1f9"; } +.ri-terminal-window-line:before { content: "\f1fa"; } +.ri-test-tube-fill:before { content: "\f1fb"; } +.ri-test-tube-line:before { content: "\f1fc"; } +.ri-text-direction-l:before { content: "\f1fd"; } +.ri-text-direction-r:before { content: "\f1fe"; } +.ri-text-spacing:before { content: "\f1ff"; } +.ri-text-wrap:before { content: "\f200"; } +.ri-text:before { content: "\f201"; } +.ri-thermometer-fill:before { content: "\f202"; } +.ri-thermometer-line:before { content: "\f203"; } +.ri-thumb-down-fill:before { content: "\f204"; } +.ri-thumb-down-line:before { content: "\f205"; } +.ri-thumb-up-fill:before { content: "\f206"; } +.ri-thumb-up-line:before { content: "\f207"; } +.ri-thunderstorms-fill:before { content: "\f208"; } +.ri-thunderstorms-line:before { content: "\f209"; } +.ri-ticket-2-fill:before { content: "\f20a"; } +.ri-ticket-2-line:before { content: "\f20b"; } +.ri-ticket-fill:before { content: "\f20c"; } +.ri-ticket-line:before { content: "\f20d"; } +.ri-time-fill:before { content: "\f20e"; } +.ri-time-line:before { content: "\f20f"; } +.ri-timer-2-fill:before { content: "\f210"; } +.ri-timer-2-line:before { content: "\f211"; } +.ri-timer-fill:before { content: "\f212"; } +.ri-timer-flash-fill:before { content: "\f213"; } +.ri-timer-flash-line:before { content: "\f214"; } +.ri-timer-line:before { content: "\f215"; } +.ri-todo-fill:before { content: "\f216"; } +.ri-todo-line:before { content: "\f217"; } +.ri-toggle-fill:before { content: "\f218"; } +.ri-toggle-line:before { content: "\f219"; } +.ri-tools-fill:before { content: "\f21a"; } +.ri-tools-line:before { content: "\f21b"; } +.ri-tornado-fill:before { content: "\f21c"; } +.ri-tornado-line:before { content: "\f21d"; } +.ri-trademark-fill:before { content: "\f21e"; } +.ri-trademark-line:before { content: "\f21f"; } +.ri-traffic-light-fill:before { content: "\f220"; } +.ri-traffic-light-line:before { content: "\f221"; } +.ri-train-fill:before { content: "\f222"; } +.ri-train-line:before { content: "\f223"; } +.ri-train-wifi-fill:before { content: "\f224"; } +.ri-train-wifi-line:before { content: "\f225"; } +.ri-translate-2:before { content: "\f226"; } +.ri-translate:before { content: "\f227"; } +.ri-travesti-fill:before { content: "\f228"; } +.ri-travesti-line:before { content: "\f229"; } +.ri-treasure-map-fill:before { content: "\f22a"; } +.ri-treasure-map-line:before { content: "\f22b"; } +.ri-trello-fill:before { content: "\f22c"; } +.ri-trello-line:before { content: "\f22d"; } +.ri-trophy-fill:before { content: "\f22e"; } +.ri-trophy-line:before { content: "\f22f"; } +.ri-truck-fill:before { content: "\f230"; } +.ri-truck-line:before { content: "\f231"; } +.ri-tumblr-fill:before { content: "\f232"; } +.ri-tumblr-line:before { content: "\f233"; } +.ri-tv-2-fill:before { content: "\f234"; } +.ri-tv-2-line:before { content: "\f235"; } +.ri-tv-fill:before { content: "\f236"; } +.ri-tv-line:before { content: "\f237"; } +.ri-twitch-fill:before { content: "\f238"; } +.ri-twitch-line:before { content: "\f239"; } +.ri-twitter-fill:before { content: "\f23a"; } +.ri-twitter-line:before { content: "\f23b"; } +.ri-typhoon-fill:before { content: "\f23c"; } +.ri-typhoon-line:before { content: "\f23d"; } +.ri-u-disk-fill:before { content: "\f23e"; } +.ri-u-disk-line:before { content: "\f23f"; } +.ri-ubuntu-fill:before { content: "\f240"; } +.ri-ubuntu-line:before { content: "\f241"; } +.ri-umbrella-fill:before { content: "\f242"; } +.ri-umbrella-line:before { content: "\f243"; } +.ri-underline:before { content: "\f244"; } +.ri-uninstall-fill:before { content: "\f245"; } +.ri-uninstall-line:before { content: "\f246"; } +.ri-unsplash-fill:before { content: "\f247"; } +.ri-unsplash-line:before { content: "\f248"; } +.ri-upload-2-fill:before { content: "\f249"; } +.ri-upload-2-line:before { content: "\f24a"; } +.ri-upload-cloud-2-fill:before { content: "\f24b"; } +.ri-upload-cloud-2-line:before { content: "\f24c"; } +.ri-upload-cloud-fill:before { content: "\f24d"; } +.ri-upload-cloud-line:before { content: "\f24e"; } +.ri-upload-fill:before { content: "\f24f"; } +.ri-upload-line:before { content: "\f250"; } +.ri-usb-fill:before { content: "\f251"; } +.ri-usb-line:before { content: "\f252"; } +.ri-user-2-fill:before { content: "\f253"; } +.ri-user-2-line:before { content: "\f254"; } +.ri-user-3-fill:before { content: "\f255"; } +.ri-user-3-line:before { content: "\f256"; } +.ri-user-4-fill:before { content: "\f257"; } +.ri-user-4-line:before { content: "\f258"; } +.ri-user-5-fill:before { content: "\f259"; } +.ri-user-5-line:before { content: "\f25a"; } +.ri-user-6-fill:before { content: "\f25b"; } +.ri-user-6-line:before { content: "\f25c"; } +.ri-user-add-fill:before { content: "\f25d"; } +.ri-user-add-line:before { content: "\f25e"; } +.ri-user-fill:before { content: "\f25f"; } +.ri-user-follow-fill:before { content: "\f260"; } +.ri-user-follow-line:before { content: "\f261"; } +.ri-user-heart-fill:before { content: "\f262"; } +.ri-user-heart-line:before { content: "\f263"; } +.ri-user-line:before { content: "\f264"; } +.ri-user-location-fill:before { content: "\f265"; } +.ri-user-location-line:before { content: "\f266"; } +.ri-user-received-2-fill:before { content: "\f267"; } +.ri-user-received-2-line:before { content: "\f268"; } +.ri-user-received-fill:before { content: "\f269"; } +.ri-user-received-line:before { content: "\f26a"; } +.ri-user-search-fill:before { content: "\f26b"; } +.ri-user-search-line:before { content: "\f26c"; } +.ri-user-settings-fill:before { content: "\f26d"; } +.ri-user-settings-line:before { content: "\f26e"; } +.ri-user-shared-2-fill:before { content: "\f26f"; } +.ri-user-shared-2-line:before { content: "\f270"; } +.ri-user-shared-fill:before { content: "\f271"; } +.ri-user-shared-line:before { content: "\f272"; } +.ri-user-smile-fill:before { content: "\f273"; } +.ri-user-smile-line:before { content: "\f274"; } +.ri-user-star-fill:before { content: "\f275"; } +.ri-user-star-line:before { content: "\f276"; } +.ri-user-unfollow-fill:before { content: "\f277"; } +.ri-user-unfollow-line:before { content: "\f278"; } +.ri-user-voice-fill:before { content: "\f279"; } +.ri-user-voice-line:before { content: "\f27a"; } +.ri-video-add-fill:before { content: "\f27b"; } +.ri-video-add-line:before { content: "\f27c"; } +.ri-video-chat-fill:before { content: "\f27d"; } +.ri-video-chat-line:before { content: "\f27e"; } +.ri-video-download-fill:before { content: "\f27f"; } +.ri-video-download-line:before { content: "\f280"; } +.ri-video-fill:before { content: "\f281"; } +.ri-video-line:before { content: "\f282"; } +.ri-video-upload-fill:before { content: "\f283"; } +.ri-video-upload-line:before { content: "\f284"; } +.ri-vidicon-2-fill:before { content: "\f285"; } +.ri-vidicon-2-line:before { content: "\f286"; } +.ri-vidicon-fill:before { content: "\f287"; } +.ri-vidicon-line:before { content: "\f288"; } +.ri-vimeo-fill:before { content: "\f289"; } +.ri-vimeo-line:before { content: "\f28a"; } +.ri-vip-crown-2-fill:before { content: "\f28b"; } +.ri-vip-crown-2-line:before { content: "\f28c"; } +.ri-vip-crown-fill:before { content: "\f28d"; } +.ri-vip-crown-line:before { content: "\f28e"; } +.ri-vip-diamond-fill:before { content: "\f28f"; } +.ri-vip-diamond-line:before { content: "\f290"; } +.ri-vip-fill:before { content: "\f291"; } +.ri-vip-line:before { content: "\f292"; } +.ri-virus-fill:before { content: "\f293"; } +.ri-virus-line:before { content: "\f294"; } +.ri-visa-fill:before { content: "\f295"; } +.ri-visa-line:before { content: "\f296"; } +.ri-voice-recognition-fill:before { content: "\f297"; } +.ri-voice-recognition-line:before { content: "\f298"; } +.ri-voiceprint-fill:before { content: "\f299"; } +.ri-voiceprint-line:before { content: "\f29a"; } +.ri-volume-down-fill:before { content: "\f29b"; } +.ri-volume-down-line:before { content: "\f29c"; } +.ri-volume-mute-fill:before { content: "\f29d"; } +.ri-volume-mute-line:before { content: "\f29e"; } +.ri-volume-off-vibrate-fill:before { content: "\f29f"; } +.ri-volume-off-vibrate-line:before { content: "\f2a0"; } +.ri-volume-up-fill:before { content: "\f2a1"; } +.ri-volume-up-line:before { content: "\f2a2"; } +.ri-volume-vibrate-fill:before { content: "\f2a3"; } +.ri-volume-vibrate-line:before { content: "\f2a4"; } +.ri-vuejs-fill:before { content: "\f2a5"; } +.ri-vuejs-line:before { content: "\f2a6"; } +.ri-walk-fill:before { content: "\f2a7"; } +.ri-walk-line:before { content: "\f2a8"; } +.ri-wallet-2-fill:before { content: "\f2a9"; } +.ri-wallet-2-line:before { content: "\f2aa"; } +.ri-wallet-3-fill:before { content: "\f2ab"; } +.ri-wallet-3-line:before { content: "\f2ac"; } +.ri-wallet-fill:before { content: "\f2ad"; } +.ri-wallet-line:before { content: "\f2ae"; } +.ri-water-flash-fill:before { content: "\f2af"; } +.ri-water-flash-line:before { content: "\f2b0"; } +.ri-webcam-fill:before { content: "\f2b1"; } +.ri-webcam-line:before { content: "\f2b2"; } +.ri-wechat-2-fill:before { content: "\f2b3"; } +.ri-wechat-2-line:before { content: "\f2b4"; } +.ri-wechat-fill:before { content: "\f2b5"; } +.ri-wechat-line:before { content: "\f2b6"; } +.ri-wechat-pay-fill:before { content: "\f2b7"; } +.ri-wechat-pay-line:before { content: "\f2b8"; } +.ri-weibo-fill:before { content: "\f2b9"; } +.ri-weibo-line:before { content: "\f2ba"; } +.ri-whatsapp-fill:before { content: "\f2bb"; } +.ri-whatsapp-line:before { content: "\f2bc"; } +.ri-wheelchair-fill:before { content: "\f2bd"; } +.ri-wheelchair-line:before { content: "\f2be"; } +.ri-wifi-fill:before { content: "\f2bf"; } +.ri-wifi-line:before { content: "\f2c0"; } +.ri-wifi-off-fill:before { content: "\f2c1"; } +.ri-wifi-off-line:before { content: "\f2c2"; } +.ri-window-2-fill:before { content: "\f2c3"; } +.ri-window-2-line:before { content: "\f2c4"; } +.ri-window-fill:before { content: "\f2c5"; } +.ri-window-line:before { content: "\f2c6"; } +.ri-windows-fill:before { content: "\f2c7"; } +.ri-windows-line:before { content: "\f2c8"; } +.ri-windy-fill:before { content: "\f2c9"; } +.ri-windy-line:before { content: "\f2ca"; } +.ri-wireless-charging-fill:before { content: "\f2cb"; } +.ri-wireless-charging-line:before { content: "\f2cc"; } +.ri-women-fill:before { content: "\f2cd"; } +.ri-women-line:before { content: "\f2ce"; } +.ri-wubi-input:before { content: "\f2cf"; } +.ri-xbox-fill:before { content: "\f2d0"; } +.ri-xbox-line:before { content: "\f2d1"; } +.ri-xing-fill:before { content: "\f2d2"; } +.ri-xing-line:before { content: "\f2d3"; } +.ri-youtube-fill:before { content: "\f2d4"; } +.ri-youtube-line:before { content: "\f2d5"; } +.ri-zcool-fill:before { content: "\f2d6"; } +.ri-zcool-line:before { content: "\f2d7"; } +.ri-zhihu-fill:before { content: "\f2d8"; } +.ri-zhihu-line:before { content: "\f2d9"; } +.ri-zoom-in-fill:before { content: "\f2da"; } +.ri-zoom-in-line:before { content: "\f2db"; } +.ri-zoom-out-fill:before { content: "\f2dc"; } +.ri-zoom-out-line:before { content: "\f2dd"; } +.ri-zzz-fill:before { content: "\f2de"; } +.ri-zzz-line:before { content: "\f2df"; } + diff --git a/public/assets/css/vendor/swiper-bundle.min.css b/public/assets/css/vendor/swiper-bundle.min.css new file mode 100644 index 0000000..ba6f30e --- /dev/null +++ b/public/assets/css/vendor/swiper-bundle.min.css @@ -0,0 +1,535 @@ +/** + * Swiper 8.0.7 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2022 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: March 4, 2022 + */ + + @font-face { + font-family: swiper-icons; + src: url('data:application/font-woff; + charset=utf-8; + base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); + font-weight: 400; + font-style: normal; +} +:root { + --swiper-theme-color: #007aff; +} +.swiper { + margin-left: auto; + margin-right: auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + z-index: 1; +} +.swiper-vertical>.swiper-wrapper { + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + box-sizing: content-box; +} +.swiper-android .swiper-slide, .swiper-wrapper { + transform: translate3d(0px, 0, 0); +} +.swiper-pointer-events { + touch-action: pan-y; +} +.swiper-pointer-events.swiper-vertical { + touch-action: pan-x; +} +.swiper-slide { + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + transition-property: transform; +} +.swiper-slide-invisible-blank { + visibility: hidden; +} +.swiper-autoheight, .swiper-autoheight .swiper-slide { + height: auto; +} +.swiper-autoheight .swiper-wrapper { + align-items: flex-start; + transition-property: transform, height; +} +.swiper-backface-hidden .swiper-slide { + transform: translateZ(0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { + perspective: 1200px; +} +.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { + transform-style: preserve-3d; +} +.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; +} +.swiper-3d .swiper-slide-shadow { + background: rgba(0, 0, 0, .15); +} +.swiper-3d .swiper-slide-shadow-left { + background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); +} +.swiper-3d .swiper-slide-shadow-right { + background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); +} +.swiper-3d .swiper-slide-shadow-top { + background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); +} +.swiper-3d .swiper-slide-shadow-bottom { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); +} +.swiper-css-mode>.swiper-wrapper { + overflow: auto; + scrollbar-width: none; + -ms-overflow-style: none; +} +.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { + display: none; +} +.swiper-css-mode>.swiper-wrapper>.swiper-slide { + scroll-snap-align: start start; +} +.swiper-horizontal.swiper-css-mode>.swiper-wrapper { + scroll-snap-type: x mandatory; +} +.swiper-vertical.swiper-css-mode>.swiper-wrapper { + scroll-snap-type: y mandatory; +} +.swiper-centered>.swiper-wrapper::before { + content: ''; + flex-shrink: 0; + order: 9999; +} +.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { + margin-inline-start: var(--swiper-centered-offset-before); +} +.swiper-centered.swiper-horizontal>.swiper-wrapper::before { + height: 100%; + min-height: 1px; + width: var(--swiper-centered-offset-after); +} +.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { + margin-block-start: var(--swiper-centered-offset-before); +} +.swiper-centered.swiper-vertical>.swiper-wrapper::before { + width: 100%; + min-width: 1px; + height: var(--swiper-centered-offset-after); +} +.swiper-centered>.swiper-wrapper>.swiper-slide { + scroll-snap-align: center center; +} +.swiper-virtual .swiper-slide { + -webkit-backface-visibility: hidden; + transform: translateZ(0); +} +.swiper-virtual.swiper-css-mode .swiper-wrapper::after { + content: ''; + position: absolute; + left: 0; + top: 0; + pointer-events: none; +} +.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { + height: 1px; + width: var(--swiper-virtual-size); +} +.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { + width: 1px; + height: var(--swiper-virtual-size); +} +:root { + --swiper-navigation-size: 44px; +} +.swiper-button-next, .swiper-button-prev { + position: absolute; + top: 50%; + width: calc(var(--swiper-navigation-size)/ 44 * 27); + height: var(--swiper-navigation-size); + margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); + z-index: 10; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + color: var(--swiper-navigation-color, var(--swiper-theme-color)); +} +.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { + opacity: .35; + cursor: auto; + pointer-events: none; +} +.swiper-button-next:after, .swiper-button-prev:after { + font-family: swiper-icons; + font-size: var(--swiper-navigation-size); + text-transform: none!important; + letter-spacing: 0; + text-transform: none; + font-variant: initial; + line-height: 1; +} +.swiper-button-prev, .swiper-rtl .swiper-button-next { + left: 10px; + right: auto; +} +.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { + content: 'prev'} +.swiper-button-next, .swiper-rtl .swiper-button-prev { + right: 10px; + left: auto; +} +.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { + content: 'next'} +.swiper-button-lock { + display: none; +} +.swiper-pagination { + position: absolute; + text-align: center; + transition: .3s opacity; + transform: translate3d(0, 0, 0); + z-index: 10; +} +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} +.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { + bottom: 10px; + left: 0; + width: 100%} +.swiper-pagination-bullets-dynamic { + overflow: hidden; + font-size: 0; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transform: scale(.33); + position: relative; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { + transform: scale(1); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { + transform: scale(1); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { + transform: scale(.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { + transform: scale(.33); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { + transform: scale(.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { + transform: scale(.33); +} +.swiper-pagination-bullet { + width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); + height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); + display: inline-block; + border-radius: 50%; + background: var(--swiper-pagination-bullet-inactive-color, #000); + opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); +} +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + box-shadow: none; + -webkit-appearance: none; + appearance: none; +} +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} +.swiper-pagination-bullet:only-child { + display: none!important; +} +.swiper-pagination-bullet-active { + opacity: var(--swiper-pagination-bullet-opacity, 1); + background: var(--swiper-pagination-color, var(--swiper-theme-color)); +} +.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { + right: 10px; + top: 50%; + transform: translate3d(0px, -50%, 0); +} +.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { + margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; + display: block; +} +.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + transform: translateY(-50%); + width: 8px; +} +.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + display: inline-block; + transition: .2s transform, .2s top; +} +.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); +} +.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left: 50%; + transform: translateX(-50%); + white-space: nowrap; +} +.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: .2s transform, .2s left; +} +.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: .2s transform, .2s right; +} +.swiper-pagination-progressbar { + background: rgba(0, 0, 0, .25); + position: absolute; +} +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: var(--swiper-pagination-color, var(--swiper-theme-color)); + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: scale(0); + transform-origin: left top; +} +.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + transform-origin: right top; +} +.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 100%; + height: 4px; + left: 0; + top: 0; +} +.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { + width: 4px; + height: 100%; + left: 0; + top: 0; +} +.swiper-pagination-lock { + display: none; +} +.swiper-scrollbar { + border-radius: 10px; + position: relative; + -ms-touch-action: none; + background: rgba(0, 0, 0, .1); +} +.swiper-horizontal>.swiper-scrollbar { + position: absolute; + left: 1%; + bottom: 3px; + z-index: 50; + height: 5px; + width: 98%} +.swiper-vertical>.swiper-scrollbar { + position: absolute; + right: 3px; + top: 1%; + z-index: 50; + width: 5px; + height: 98%} +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: rgba(0, 0, 0, .5); + border-radius: 10px; + left: 0; + top: 0; +} +.swiper-scrollbar-cursor-drag { + cursor: move; +} +.swiper-scrollbar-lock { + display: none; +} +.swiper-zoom-container { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} +.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { + max-width: 100%; + max-height: 100%; + object-fit: contain; +} +.swiper-slide-zoomed { + cursor: move; +} +.swiper-lazy-preloader { + width: 42px; + height: 42px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -21px; + margin-top: -21px; + z-index: 10; + transform-origin: 50%; + box-sizing: border-box; + border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); + border-radius: 50%; + border-top-color: transparent; +} +.swiper-slide-visible .swiper-lazy-preloader { + animation: swiper-preloader-spin 1s infinite linear; +} +.swiper-lazy-preloader-white { + --swiper-preloader-color: #fff; +} +.swiper-lazy-preloader-black { + --swiper-preloader-color: #000; +} +@keyframes swiper-preloader-spin { + 100% { + transform: rotate(360deg); +} +}.swiper .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} +.swiper-free-mode>.swiper-wrapper { + transition-timing-function: ease-out; + margin: 0 auto; +} +.swiper-grid>.swiper-wrapper { + flex-wrap: wrap; +} +.swiper-grid-column>.swiper-wrapper { + flex-wrap: wrap; + flex-direction: column; +} +.swiper-fade.swiper-free-mode .swiper-slide { + transition-timing-function: ease-out; +} +.swiper-fade .swiper-slide { + pointer-events: none; + transition-property: opacity; +} +.swiper-fade .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-cube { + overflow: visible; +} +.swiper-cube .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; + visibility: hidden; + transform-origin: 0 0; + width: 100%; + height: 100%} +.swiper-cube .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-cube.swiper-rtl .swiper-slide { + transform-origin: 100% 0; +} +.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev { + pointer-events: auto; + visibility: visible; +} +.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.swiper-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0px; + width: 100%; + height: 100%; + opacity: .6; + z-index: 0; +} +.swiper-cube .swiper-cube-shadow:before { + content: ''; + background: #000; + position: absolute; + left: 0; + top: 0; + bottom: 0; + right: 0; + filter: blur(50px); +} +.swiper-flip { + overflow: visible; +} +.swiper-flip .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; +} +.swiper-flip .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.swiper-creative .swiper-slide { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + overflow: hidden; + transition-property: transform, opacity, height; +} +.swiper-cards { + overflow: visible; +} +.swiper-cards .swiper-slide { + transform-origin: center bottom; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + overflow: hidden; +} \ No newline at end of file diff --git a/public/assets/fonts/icomoon.eot b/public/assets/fonts/icomoon.eot new file mode 100644 index 0000000..74856bd Binary files /dev/null and b/public/assets/fonts/icomoon.eot differ diff --git a/public/assets/fonts/icomoon.svg b/public/assets/fonts/icomoon.svg new file mode 100644 index 0000000..574fd64 --- /dev/null +++ b/public/assets/fonts/icomoon.svg @@ -0,0 +1,119 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/assets/fonts/icomoon.ttf b/public/assets/fonts/icomoon.ttf new file mode 100644 index 0000000..8b01358 Binary files /dev/null and b/public/assets/fonts/icomoon.ttf differ diff --git a/public/assets/fonts/icomoon.woff b/public/assets/fonts/icomoon.woff new file mode 100644 index 0000000..04a3207 Binary files /dev/null and b/public/assets/fonts/icomoon.woff differ diff --git a/public/assets/fonts/remixicon.eot b/public/assets/fonts/remixicon.eot new file mode 100644 index 0000000..40629af Binary files /dev/null and b/public/assets/fonts/remixicon.eot differ diff --git a/public/assets/fonts/remixicon.svg b/public/assets/fonts/remixicon.svg new file mode 100644 index 0000000..4741df9 --- /dev/null +++ b/public/assets/fonts/remixicon.svg @@ -0,0 +1,6835 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/fonts/remixicon.ttf b/public/assets/fonts/remixicon.ttf new file mode 100644 index 0000000..c461f40 Binary files /dev/null and b/public/assets/fonts/remixicon.ttf differ diff --git a/public/assets/fonts/remixicon.woff b/public/assets/fonts/remixicon.woff new file mode 100644 index 0000000..62a756b Binary files /dev/null and b/public/assets/fonts/remixicon.woff differ diff --git a/public/assets/fonts/remixicon.woff2 b/public/assets/fonts/remixicon.woff2 new file mode 100644 index 0000000..89a0b99 Binary files /dev/null and b/public/assets/fonts/remixicon.woff2 differ diff --git a/public/assets/fonts/slick.eot b/public/assets/fonts/slick.eot new file mode 100644 index 0000000..2cbab9c Binary files /dev/null and b/public/assets/fonts/slick.eot differ diff --git a/public/assets/fonts/slick.svg b/public/assets/fonts/slick.svg new file mode 100644 index 0000000..b36a66a --- /dev/null +++ b/public/assets/fonts/slick.svg @@ -0,0 +1,14 @@ + + + +Generated by Fontastic.me + + + + + + + + + + diff --git a/public/assets/fonts/slick.ttf b/public/assets/fonts/slick.ttf new file mode 100644 index 0000000..9d03461 Binary files /dev/null and b/public/assets/fonts/slick.ttf differ diff --git a/public/assets/fonts/slick.woff b/public/assets/fonts/slick.woff new file mode 100644 index 0000000..8ee9972 Binary files /dev/null and b/public/assets/fonts/slick.woff differ diff --git a/public/assets/images/.DS_Store b/public/assets/images/.DS_Store new file mode 100644 index 0000000..4bae842 Binary files /dev/null and b/public/assets/images/.DS_Store differ diff --git a/public/assets/images/BG-Shape.png b/public/assets/images/BG-Shape.png new file mode 100644 index 0000000..ac0b600 Binary files /dev/null and b/public/assets/images/BG-Shape.png differ diff --git a/public/assets/images/Dot-1.png b/public/assets/images/Dot-1.png new file mode 100644 index 0000000..fd43b71 Binary files /dev/null and b/public/assets/images/Dot-1.png differ diff --git a/public/assets/images/Dot-2.png b/public/assets/images/Dot-2.png new file mode 100644 index 0000000..1dd18f8 Binary files /dev/null and b/public/assets/images/Dot-2.png differ diff --git a/public/assets/images/about/.DS_Store b/public/assets/images/about/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/public/assets/images/about/.DS_Store differ diff --git a/public/assets/images/about/About-19.jpg b/public/assets/images/about/About-19.jpg new file mode 100644 index 0000000..812aded Binary files /dev/null and b/public/assets/images/about/About-19.jpg differ diff --git a/public/assets/images/about/About-19.webp b/public/assets/images/about/About-19.webp new file mode 100644 index 0000000..812aded Binary files /dev/null and b/public/assets/images/about/About-19.webp differ diff --git a/public/assets/images/about/About-20.jpg b/public/assets/images/about/About-20.jpg new file mode 100644 index 0000000..10a683c Binary files /dev/null and b/public/assets/images/about/About-20.jpg differ diff --git a/public/assets/images/about/About-20.webp b/public/assets/images/about/About-20.webp new file mode 100644 index 0000000..10a683c Binary files /dev/null and b/public/assets/images/about/About-20.webp differ diff --git a/public/assets/images/about/Learn-01.jpg b/public/assets/images/about/Learn-01.jpg new file mode 100644 index 0000000..3195edc Binary files /dev/null and b/public/assets/images/about/Learn-01.jpg differ diff --git a/public/assets/images/about/Learn-02.jpg b/public/assets/images/about/Learn-02.jpg new file mode 100644 index 0000000..3f4f043 Binary files /dev/null and b/public/assets/images/about/Learn-02.jpg differ diff --git a/public/assets/images/about/Learn-03.jpg b/public/assets/images/about/Learn-03.jpg new file mode 100644 index 0000000..eee254d Binary files /dev/null and b/public/assets/images/about/Learn-03.jpg differ diff --git a/public/assets/images/about/Learn-04.jpg b/public/assets/images/about/Learn-04.jpg new file mode 100644 index 0000000..5468dbd Binary files /dev/null and b/public/assets/images/about/Learn-04.jpg differ diff --git a/public/assets/images/about/PD1.jpg b/public/assets/images/about/PD1.jpg new file mode 100644 index 0000000..b80e2fb Binary files /dev/null and b/public/assets/images/about/PD1.jpg differ diff --git a/public/assets/images/about/PD2.jpg b/public/assets/images/about/PD2.jpg new file mode 100644 index 0000000..ae3e9a0 Binary files /dev/null and b/public/assets/images/about/PD2.jpg differ diff --git a/public/assets/images/about/about-01.jpg b/public/assets/images/about/about-01.jpg new file mode 100644 index 0000000..8225951 Binary files /dev/null and b/public/assets/images/about/about-01.jpg differ diff --git a/public/assets/images/about/about-01.webp b/public/assets/images/about/about-01.webp new file mode 100644 index 0000000..8225951 Binary files /dev/null and b/public/assets/images/about/about-01.webp differ diff --git a/public/assets/images/about/about-02.jpg b/public/assets/images/about/about-02.jpg new file mode 100644 index 0000000..b81352c Binary files /dev/null and b/public/assets/images/about/about-02.jpg differ diff --git a/public/assets/images/about/about-02.webp b/public/assets/images/about/about-02.webp new file mode 100644 index 0000000..b81352c Binary files /dev/null and b/public/assets/images/about/about-02.webp differ diff --git a/public/assets/images/about/about-03.jpg b/public/assets/images/about/about-03.jpg new file mode 100644 index 0000000..a3ac796 Binary files /dev/null and b/public/assets/images/about/about-03.jpg differ diff --git a/public/assets/images/about/about-03.webp b/public/assets/images/about/about-03.webp new file mode 100644 index 0000000..a3ac796 Binary files /dev/null and b/public/assets/images/about/about-03.webp differ diff --git a/public/assets/images/about/about-04.jpg b/public/assets/images/about/about-04.jpg new file mode 100644 index 0000000..dbfddde Binary files /dev/null and b/public/assets/images/about/about-04.jpg differ diff --git a/public/assets/images/about/about-04.webp b/public/assets/images/about/about-04.webp new file mode 100644 index 0000000..dbfddde Binary files /dev/null and b/public/assets/images/about/about-04.webp differ diff --git a/public/assets/images/about/about-05.jpg b/public/assets/images/about/about-05.jpg new file mode 100644 index 0000000..a45502f Binary files /dev/null and b/public/assets/images/about/about-05.jpg differ diff --git a/public/assets/images/about/about-05.webp b/public/assets/images/about/about-05.webp new file mode 100644 index 0000000..a45502f Binary files /dev/null and b/public/assets/images/about/about-05.webp differ diff --git a/public/assets/images/about/about-06.jpg b/public/assets/images/about/about-06.jpg new file mode 100644 index 0000000..c61b95c Binary files /dev/null and b/public/assets/images/about/about-06.jpg differ diff --git a/public/assets/images/about/about-06.webp b/public/assets/images/about/about-06.webp new file mode 100644 index 0000000..c61b95c Binary files /dev/null and b/public/assets/images/about/about-06.webp differ diff --git a/public/assets/images/about/about-07.jpg b/public/assets/images/about/about-07.jpg new file mode 100644 index 0000000..a45502f Binary files /dev/null and b/public/assets/images/about/about-07.jpg differ diff --git a/public/assets/images/about/about-07.webp b/public/assets/images/about/about-07.webp new file mode 100644 index 0000000..a45502f Binary files /dev/null and b/public/assets/images/about/about-07.webp differ diff --git a/public/assets/images/about/about-08.jpg b/public/assets/images/about/about-08.jpg new file mode 100644 index 0000000..daa7e3e Binary files /dev/null and b/public/assets/images/about/about-08.jpg differ diff --git a/public/assets/images/about/about-08.webp b/public/assets/images/about/about-08.webp new file mode 100644 index 0000000..daa7e3e Binary files /dev/null and b/public/assets/images/about/about-08.webp differ diff --git a/public/assets/images/about/about-09.png b/public/assets/images/about/about-09.png new file mode 100644 index 0000000..25c78f6 Binary files /dev/null and b/public/assets/images/about/about-09.png differ diff --git a/public/assets/images/about/about-10.png b/public/assets/images/about/about-10.png new file mode 100644 index 0000000..853db9a Binary files /dev/null and b/public/assets/images/about/about-10.png differ diff --git a/public/assets/images/about/about-11.jpg b/public/assets/images/about/about-11.jpg new file mode 100644 index 0000000..a3ac796 Binary files /dev/null and b/public/assets/images/about/about-11.jpg differ diff --git a/public/assets/images/about/about-11.webp b/public/assets/images/about/about-11.webp new file mode 100644 index 0000000..a3ac796 Binary files /dev/null and b/public/assets/images/about/about-11.webp differ diff --git a/public/assets/images/about/about-12.jpg b/public/assets/images/about/about-12.jpg new file mode 100644 index 0000000..26ca06e Binary files /dev/null and b/public/assets/images/about/about-12.jpg differ diff --git a/public/assets/images/about/about-12.webp b/public/assets/images/about/about-12.webp new file mode 100644 index 0000000..26ca06e Binary files /dev/null and b/public/assets/images/about/about-12.webp differ diff --git a/public/assets/images/about/about-13.jpg b/public/assets/images/about/about-13.jpg new file mode 100644 index 0000000..6415427 Binary files /dev/null and b/public/assets/images/about/about-13.jpg differ diff --git a/public/assets/images/about/about-13.webp b/public/assets/images/about/about-13.webp new file mode 100644 index 0000000..6415427 Binary files /dev/null and b/public/assets/images/about/about-13.webp differ diff --git a/public/assets/images/about/about-14.jpg b/public/assets/images/about/about-14.jpg new file mode 100644 index 0000000..d854000 Binary files /dev/null and b/public/assets/images/about/about-14.jpg differ diff --git a/public/assets/images/about/about-14.webp b/public/assets/images/about/about-14.webp new file mode 100644 index 0000000..d854000 Binary files /dev/null and b/public/assets/images/about/about-14.webp differ diff --git a/public/assets/images/about/about-15.jpg b/public/assets/images/about/about-15.jpg new file mode 100644 index 0000000..7de4c89 Binary files /dev/null and b/public/assets/images/about/about-15.jpg differ diff --git a/public/assets/images/about/about-15.webp b/public/assets/images/about/about-15.webp new file mode 100644 index 0000000..7de4c89 Binary files /dev/null and b/public/assets/images/about/about-15.webp differ diff --git a/public/assets/images/about/about-16.jpg b/public/assets/images/about/about-16.jpg new file mode 100644 index 0000000..089de28 Binary files /dev/null and b/public/assets/images/about/about-16.jpg differ diff --git a/public/assets/images/about/about-16.webp b/public/assets/images/about/about-16.webp new file mode 100644 index 0000000..089de28 Binary files /dev/null and b/public/assets/images/about/about-16.webp differ diff --git a/public/assets/images/about/about-17.jpg b/public/assets/images/about/about-17.jpg new file mode 100644 index 0000000..b8e1dc5 Binary files /dev/null and b/public/assets/images/about/about-17.jpg differ diff --git a/public/assets/images/about/about-17.webp b/public/assets/images/about/about-17.webp new file mode 100644 index 0000000..b8e1dc5 Binary files /dev/null and b/public/assets/images/about/about-17.webp differ diff --git a/public/assets/images/about/about-18.jpg b/public/assets/images/about/about-18.jpg new file mode 100644 index 0000000..0a5d278 Binary files /dev/null and b/public/assets/images/about/about-18.jpg differ diff --git a/public/assets/images/about/about-18.webp b/public/assets/images/about/about-18.webp new file mode 100644 index 0000000..0a5d278 Binary files /dev/null and b/public/assets/images/about/about-18.webp differ diff --git a/public/assets/images/about/abt-01.jpg b/public/assets/images/about/abt-01.jpg new file mode 100644 index 0000000..6d65776 Binary files /dev/null and b/public/assets/images/about/abt-01.jpg differ diff --git a/public/assets/images/about/abt-02.jpg b/public/assets/images/about/abt-02.jpg new file mode 100644 index 0000000..bf473b9 Binary files /dev/null and b/public/assets/images/about/abt-02.jpg differ diff --git a/public/assets/images/about/aiml-03.jpg b/public/assets/images/about/aiml-03.jpg new file mode 100644 index 0000000..d3a05c7 Binary files /dev/null and b/public/assets/images/about/aiml-03.jpg differ diff --git a/public/assets/images/about/aiml-04.jpg b/public/assets/images/about/aiml-04.jpg new file mode 100644 index 0000000..41aaa84 Binary files /dev/null and b/public/assets/images/about/aiml-04.jpg differ diff --git a/public/assets/images/about/dark-shape-20.png b/public/assets/images/about/dark-shape-20.png new file mode 100644 index 0000000..62243c1 Binary files /dev/null and b/public/assets/images/about/dark-shape-20.png differ diff --git a/public/assets/images/about/dark-shape-41.png b/public/assets/images/about/dark-shape-41.png new file mode 100644 index 0000000..f9d05e1 Binary files /dev/null and b/public/assets/images/about/dark-shape-41.png differ diff --git a/public/assets/images/about/data2.jpg b/public/assets/images/about/data2.jpg new file mode 100644 index 0000000..48aa32d Binary files /dev/null and b/public/assets/images/about/data2.jpg differ diff --git a/public/assets/images/about/digi01.jpg b/public/assets/images/about/digi01.jpg new file mode 100644 index 0000000..1d01995 Binary files /dev/null and b/public/assets/images/about/digi01.jpg differ diff --git a/public/assets/images/about/digi02.webp b/public/assets/images/about/digi02.webp new file mode 100644 index 0000000..488e575 Binary files /dev/null and b/public/assets/images/about/digi02.webp differ diff --git a/public/assets/images/about/digi03.webp b/public/assets/images/about/digi03.webp new file mode 100644 index 0000000..a1e9f58 Binary files /dev/null and b/public/assets/images/about/digi03.webp differ diff --git a/public/assets/images/about/digi04.jpg b/public/assets/images/about/digi04.jpg new file mode 100644 index 0000000..127d4af Binary files /dev/null and b/public/assets/images/about/digi04.jpg differ diff --git a/public/assets/images/about/h-1-shape-01.png b/public/assets/images/about/h-1-shape-01.png new file mode 100644 index 0000000..d6ab5c3 Binary files /dev/null and b/public/assets/images/about/h-1-shape-01.png differ diff --git a/public/assets/images/about/our-service-02.webp b/public/assets/images/about/our-service-02.webp new file mode 100644 index 0000000..69039c3 Binary files /dev/null and b/public/assets/images/about/our-service-02.webp differ diff --git a/public/assets/images/about/our1.jpg b/public/assets/images/about/our1.jpg new file mode 100644 index 0000000..e538f2c Binary files /dev/null and b/public/assets/images/about/our1.jpg differ diff --git a/public/assets/images/about/shape-01.png b/public/assets/images/about/shape-01.png new file mode 100644 index 0000000..e988822 Binary files /dev/null and b/public/assets/images/about/shape-01.png differ diff --git a/public/assets/images/about/shape-02.png b/public/assets/images/about/shape-02.png new file mode 100644 index 0000000..8cd050d Binary files /dev/null and b/public/assets/images/about/shape-02.png differ diff --git a/public/assets/images/about/shape-03.png b/public/assets/images/about/shape-03.png new file mode 100644 index 0000000..c0e92e5 Binary files /dev/null and b/public/assets/images/about/shape-03.png differ diff --git a/public/assets/images/about/shape-04.png b/public/assets/images/about/shape-04.png new file mode 100644 index 0000000..87e37c4 Binary files /dev/null and b/public/assets/images/about/shape-04.png differ diff --git a/public/assets/images/about/shape-05.png b/public/assets/images/about/shape-05.png new file mode 100644 index 0000000..fc46373 Binary files /dev/null and b/public/assets/images/about/shape-05.png differ diff --git a/public/assets/images/about/shape-06.png b/public/assets/images/about/shape-06.png new file mode 100644 index 0000000..0f5d06f Binary files /dev/null and b/public/assets/images/about/shape-06.png differ diff --git a/public/assets/images/about/shape-07.png b/public/assets/images/about/shape-07.png new file mode 100644 index 0000000..48608da Binary files /dev/null and b/public/assets/images/about/shape-07.png differ diff --git a/public/assets/images/about/shape-08.png b/public/assets/images/about/shape-08.png new file mode 100644 index 0000000..9be528c Binary files /dev/null and b/public/assets/images/about/shape-08.png differ diff --git a/public/assets/images/about/shape-09.png b/public/assets/images/about/shape-09.png new file mode 100644 index 0000000..b3f3361 Binary files /dev/null and b/public/assets/images/about/shape-09.png differ diff --git a/public/assets/images/about/shape-10.png b/public/assets/images/about/shape-10.png new file mode 100644 index 0000000..247e2fe Binary files /dev/null and b/public/assets/images/about/shape-10.png differ diff --git a/public/assets/images/about/shape-11.png b/public/assets/images/about/shape-11.png new file mode 100644 index 0000000..943af9b Binary files /dev/null and b/public/assets/images/about/shape-11.png differ diff --git a/public/assets/images/about/shape-12.png b/public/assets/images/about/shape-12.png new file mode 100644 index 0000000..fdd190b Binary files /dev/null and b/public/assets/images/about/shape-12.png differ diff --git a/public/assets/images/about/shape-13.png b/public/assets/images/about/shape-13.png new file mode 100644 index 0000000..039edd3 Binary files /dev/null and b/public/assets/images/about/shape-13.png differ diff --git a/public/assets/images/about/shape-14.png b/public/assets/images/about/shape-14.png new file mode 100644 index 0000000..f509990 Binary files /dev/null and b/public/assets/images/about/shape-14.png differ diff --git a/public/assets/images/about/shape-15.png b/public/assets/images/about/shape-15.png new file mode 100644 index 0000000..b38c3e5 Binary files /dev/null and b/public/assets/images/about/shape-15.png differ diff --git a/public/assets/images/about/shape-16.png b/public/assets/images/about/shape-16.png new file mode 100644 index 0000000..95f320d Binary files /dev/null and b/public/assets/images/about/shape-16.png differ diff --git a/public/assets/images/about/shape-17.png b/public/assets/images/about/shape-17.png new file mode 100644 index 0000000..eec817d Binary files /dev/null and b/public/assets/images/about/shape-17.png differ diff --git a/public/assets/images/about/shape-18.png b/public/assets/images/about/shape-18.png new file mode 100644 index 0000000..43fabb1 Binary files /dev/null and b/public/assets/images/about/shape-18.png differ diff --git a/public/assets/images/about/shape-19.png b/public/assets/images/about/shape-19.png new file mode 100644 index 0000000..c7f833b Binary files /dev/null and b/public/assets/images/about/shape-19.png differ diff --git a/public/assets/images/about/shape-20.png b/public/assets/images/about/shape-20.png new file mode 100644 index 0000000..eece025 Binary files /dev/null and b/public/assets/images/about/shape-20.png differ diff --git a/public/assets/images/about/shape-21.png b/public/assets/images/about/shape-21.png new file mode 100644 index 0000000..e0620e3 Binary files /dev/null and b/public/assets/images/about/shape-21.png differ diff --git a/public/assets/images/about/shape-22.png b/public/assets/images/about/shape-22.png new file mode 100644 index 0000000..bb53db9 Binary files /dev/null and b/public/assets/images/about/shape-22.png differ diff --git a/public/assets/images/about/shape-23.png b/public/assets/images/about/shape-23.png new file mode 100644 index 0000000..9cb3a2c Binary files /dev/null and b/public/assets/images/about/shape-23.png differ diff --git a/public/assets/images/about/shape-24.png b/public/assets/images/about/shape-24.png new file mode 100644 index 0000000..6dd0ee0 Binary files /dev/null and b/public/assets/images/about/shape-24.png differ diff --git a/public/assets/images/about/shape-25.png b/public/assets/images/about/shape-25.png new file mode 100644 index 0000000..88e644d Binary files /dev/null and b/public/assets/images/about/shape-25.png differ diff --git a/public/assets/images/about/shape-26.png b/public/assets/images/about/shape-26.png new file mode 100644 index 0000000..bfc6a4d Binary files /dev/null and b/public/assets/images/about/shape-26.png differ diff --git a/public/assets/images/about/shape-27.png b/public/assets/images/about/shape-27.png new file mode 100644 index 0000000..8b08dcf Binary files /dev/null and b/public/assets/images/about/shape-27.png differ diff --git a/public/assets/images/about/shape-28.png b/public/assets/images/about/shape-28.png new file mode 100644 index 0000000..4f08eb3 Binary files /dev/null and b/public/assets/images/about/shape-28.png differ diff --git a/public/assets/images/about/shape-29.png b/public/assets/images/about/shape-29.png new file mode 100644 index 0000000..4924c43 Binary files /dev/null and b/public/assets/images/about/shape-29.png differ diff --git a/public/assets/images/about/shape-30.png b/public/assets/images/about/shape-30.png new file mode 100644 index 0000000..0e6653d Binary files /dev/null and b/public/assets/images/about/shape-30.png differ diff --git a/public/assets/images/about/shape-31.png b/public/assets/images/about/shape-31.png new file mode 100644 index 0000000..28e6e9a Binary files /dev/null and b/public/assets/images/about/shape-31.png differ diff --git a/public/assets/images/about/shape-32.png b/public/assets/images/about/shape-32.png new file mode 100644 index 0000000..2101547 Binary files /dev/null and b/public/assets/images/about/shape-32.png differ diff --git a/public/assets/images/about/shape-33.png b/public/assets/images/about/shape-33.png new file mode 100644 index 0000000..83a4083 Binary files /dev/null and b/public/assets/images/about/shape-33.png differ diff --git a/public/assets/images/about/shape-34.png b/public/assets/images/about/shape-34.png new file mode 100644 index 0000000..87b4969 Binary files /dev/null and b/public/assets/images/about/shape-34.png differ diff --git a/public/assets/images/about/shape-35.png b/public/assets/images/about/shape-35.png new file mode 100644 index 0000000..5aca980 Binary files /dev/null and b/public/assets/images/about/shape-35.png differ diff --git a/public/assets/images/about/shape-36.png b/public/assets/images/about/shape-36.png new file mode 100644 index 0000000..826f4af Binary files /dev/null and b/public/assets/images/about/shape-36.png differ diff --git a/public/assets/images/about/shape-37.png b/public/assets/images/about/shape-37.png new file mode 100644 index 0000000..57c1aa4 Binary files /dev/null and b/public/assets/images/about/shape-37.png differ diff --git a/public/assets/images/about/shape-38.png b/public/assets/images/about/shape-38.png new file mode 100644 index 0000000..fbc3de8 Binary files /dev/null and b/public/assets/images/about/shape-38.png differ diff --git a/public/assets/images/about/shape-39.png b/public/assets/images/about/shape-39.png new file mode 100644 index 0000000..c55b51d Binary files /dev/null and b/public/assets/images/about/shape-39.png differ diff --git a/public/assets/images/about/shape-40.png b/public/assets/images/about/shape-40.png new file mode 100644 index 0000000..b280021 Binary files /dev/null and b/public/assets/images/about/shape-40.png differ diff --git a/public/assets/images/about/shape-41.png b/public/assets/images/about/shape-41.png new file mode 100644 index 0000000..e2bd46e Binary files /dev/null and b/public/assets/images/about/shape-41.png differ diff --git a/public/assets/images/about/shape-42.png b/public/assets/images/about/shape-42.png new file mode 100644 index 0000000..828fde4 Binary files /dev/null and b/public/assets/images/about/shape-42.png differ diff --git a/public/assets/images/about/shape-43.png b/public/assets/images/about/shape-43.png new file mode 100644 index 0000000..9f5475b Binary files /dev/null and b/public/assets/images/about/shape-43.png differ diff --git a/public/assets/images/about/vid-01.png b/public/assets/images/about/vid-01.png new file mode 100644 index 0000000..66f4b50 Binary files /dev/null and b/public/assets/images/about/vid-01.png differ diff --git a/public/assets/images/ajax-loader.gif b/public/assets/images/ajax-loader.gif new file mode 100644 index 0000000..e0e6e97 Binary files /dev/null and b/public/assets/images/ajax-loader.gif differ diff --git a/public/assets/images/animated-svg-icons/.DS_Store b/public/assets/images/animated-svg-icons/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/public/assets/images/animated-svg-icons/.DS_Store differ diff --git a/public/assets/images/animated-svg-icons/Icon 002.svg b/public/assets/images/animated-svg-icons/Icon 002.svg new file mode 100644 index 0000000..f73ce74 --- /dev/null +++ b/public/assets/images/animated-svg-icons/Icon 002.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/assets/images/animated-svg-icons/book-library.svg b/public/assets/images/animated-svg-icons/book-library.svg new file mode 100644 index 0000000..abc8791 --- /dev/null +++ b/public/assets/images/animated-svg-icons/book-library.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + diff --git a/public/assets/images/animated-svg-icons/certificate-2.svg b/public/assets/images/animated-svg-icons/certificate-2.svg new file mode 100644 index 0000000..4a973c4 --- /dev/null +++ b/public/assets/images/animated-svg-icons/certificate-2.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/assets/images/animated-svg-icons/certificate.svg b/public/assets/images/animated-svg-icons/certificate.svg new file mode 100644 index 0000000..e491a0c --- /dev/null +++ b/public/assets/images/animated-svg-icons/certificate.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/assets/images/animated-svg-icons/hybrid-distance-programs-2.svg b/public/assets/images/animated-svg-icons/hybrid-distance-programs-2.svg new file mode 100644 index 0000000..2d2f3e4 --- /dev/null +++ b/public/assets/images/animated-svg-icons/hybrid-distance-programs-2.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/assets/images/animated-svg-icons/hybrid-distance-programs.svg b/public/assets/images/animated-svg-icons/hybrid-distance-programs.svg new file mode 100644 index 0000000..b2754c4 --- /dev/null +++ b/public/assets/images/animated-svg-icons/hybrid-distance-programs.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/assets/images/animated-svg-icons/instructor-2.svg b/public/assets/images/animated-svg-icons/instructor-2.svg new file mode 100644 index 0000000..b9a2e98 --- /dev/null +++ b/public/assets/images/animated-svg-icons/instructor-2.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/assets/images/animated-svg-icons/instructor.svg b/public/assets/images/animated-svg-icons/instructor.svg new file mode 100644 index 0000000..8b94a81 --- /dev/null +++ b/public/assets/images/animated-svg-icons/instructor.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/assets/images/animated-svg-icons/linea-basic-flag2.svg b/public/assets/images/animated-svg-icons/linea-basic-flag2.svg new file mode 100644 index 0000000..c912042 --- /dev/null +++ b/public/assets/images/animated-svg-icons/linea-basic-flag2.svg @@ -0,0 +1,10 @@ + + + + + + + + diff --git a/public/assets/images/animated-svg-icons/non-degree-programs.svg b/public/assets/images/animated-svg-icons/non-degree-programs.svg new file mode 100644 index 0000000..d81324a --- /dev/null +++ b/public/assets/images/animated-svg-icons/non-degree-programs.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/assets/images/animated-svg-icons/off-campus-programs-2.svg b/public/assets/images/animated-svg-icons/off-campus-programs-2.svg new file mode 100644 index 0000000..c25781f --- /dev/null +++ b/public/assets/images/animated-svg-icons/off-campus-programs-2.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/assets/images/animated-svg-icons/off-campus-programs.svg b/public/assets/images/animated-svg-icons/off-campus-programs.svg new file mode 100644 index 0000000..f213a37 --- /dev/null +++ b/public/assets/images/animated-svg-icons/off-campus-programs.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/assets/images/animated-svg-icons/online-class-2.svg b/public/assets/images/animated-svg-icons/online-class-2.svg new file mode 100644 index 0000000..4fe9154 --- /dev/null +++ b/public/assets/images/animated-svg-icons/online-class-2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/images/animated-svg-icons/online-class.svg b/public/assets/images/animated-svg-icons/online-class.svg new file mode 100644 index 0000000..c754e43 --- /dev/null +++ b/public/assets/images/animated-svg-icons/online-class.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/images/animated-svg-icons/online-degree.svg b/public/assets/images/animated-svg-icons/online-degree.svg new file mode 100644 index 0000000..f73ce74 --- /dev/null +++ b/public/assets/images/animated-svg-icons/online-degree.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/assets/images/animated-svg-icons/scholarship-facility.svg b/public/assets/images/animated-svg-icons/scholarship-facility.svg new file mode 100644 index 0000000..d759d6b --- /dev/null +++ b/public/assets/images/animated-svg-icons/scholarship-facility.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/assets/images/animated-svg-icons/skilled-lecturers-2.svg b/public/assets/images/animated-svg-icons/skilled-lecturers-2.svg new file mode 100644 index 0000000..bafa843 --- /dev/null +++ b/public/assets/images/animated-svg-icons/skilled-lecturers-2.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + diff --git a/public/assets/images/animated-svg-icons/skilled-lecturers.svg b/public/assets/images/animated-svg-icons/skilled-lecturers.svg new file mode 100644 index 0000000..4c279ba --- /dev/null +++ b/public/assets/images/animated-svg-icons/skilled-lecturers.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + diff --git a/public/assets/images/animated-svg-icons/user-2.svg b/public/assets/images/animated-svg-icons/user-2.svg new file mode 100644 index 0000000..5c5b27f --- /dev/null +++ b/public/assets/images/animated-svg-icons/user-2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/images/animated-svg-icons/user.svg b/public/assets/images/animated-svg-icons/user.svg new file mode 100644 index 0000000..b2f077c --- /dev/null +++ b/public/assets/images/animated-svg-icons/user.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/images/banner/.DS_Store b/public/assets/images/banner/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/public/assets/images/banner/.DS_Store differ diff --git a/public/assets/images/banner/BG-1.png b/public/assets/images/banner/BG-1.png new file mode 100644 index 0000000..36197fd Binary files /dev/null and b/public/assets/images/banner/BG-1.png differ diff --git a/public/assets/images/banner/BG-1.webp b/public/assets/images/banner/BG-1.webp new file mode 100644 index 0000000..1470ece Binary files /dev/null and b/public/assets/images/banner/BG-1.webp differ diff --git a/public/assets/images/banner/Teamwrk-01.jpg b/public/assets/images/banner/Teamwrk-01.jpg new file mode 100644 index 0000000..f9dc13e Binary files /dev/null and b/public/assets/images/banner/Teamwrk-01.jpg differ diff --git a/public/assets/images/banner/UI.png b/public/assets/images/banner/UI.png new file mode 100644 index 0000000..5faaece Binary files /dev/null and b/public/assets/images/banner/UI.png differ diff --git a/public/assets/images/banner/UX.jpg b/public/assets/images/banner/UX.jpg new file mode 100644 index 0000000..d962c11 Binary files /dev/null and b/public/assets/images/banner/UX.jpg differ diff --git a/public/assets/images/banner/aiml-01.jpg b/public/assets/images/banner/aiml-01.jpg new file mode 100644 index 0000000..b7e61ed Binary files /dev/null and b/public/assets/images/banner/aiml-01.jpg differ diff --git a/public/assets/images/banner/aiml-02.jpg b/public/assets/images/banner/aiml-02.jpg new file mode 100644 index 0000000..cb8ee1c Binary files /dev/null and b/public/assets/images/banner/aiml-02.jpg differ diff --git a/public/assets/images/banner/author-1.png b/public/assets/images/banner/author-1.png new file mode 100644 index 0000000..8c5fbb3 Binary files /dev/null and b/public/assets/images/banner/author-1.png differ diff --git a/public/assets/images/banner/back.jpg b/public/assets/images/banner/back.jpg new file mode 100644 index 0000000..8785178 Binary files /dev/null and b/public/assets/images/banner/back.jpg differ diff --git a/public/assets/images/banner/couple-cooking.jpg b/public/assets/images/banner/couple-cooking.jpg new file mode 100644 index 0000000..d2b1c46 Binary files /dev/null and b/public/assets/images/banner/couple-cooking.jpg differ diff --git a/public/assets/images/banner/couple-cooking.webp b/public/assets/images/banner/couple-cooking.webp new file mode 100644 index 0000000..d2b1c46 Binary files /dev/null and b/public/assets/images/banner/couple-cooking.webp differ diff --git a/public/assets/images/banner/dark-landing-bg.png b/public/assets/images/banner/dark-landing-bg.png new file mode 100644 index 0000000..c2e01ae Binary files /dev/null and b/public/assets/images/banner/dark-landing-bg.png differ diff --git a/public/assets/images/banner/data1.jpg b/public/assets/images/banner/data1.jpg new file mode 100644 index 0000000..d830cb7 Binary files /dev/null and b/public/assets/images/banner/data1.jpg differ diff --git a/public/assets/images/banner/flag-boy.png b/public/assets/images/banner/flag-boy.png new file mode 100644 index 0000000..8029497 Binary files /dev/null and b/public/assets/images/banner/flag-boy.png differ diff --git a/public/assets/images/banner/flag-boy.webp b/public/assets/images/banner/flag-boy.webp new file mode 100644 index 0000000..8029497 Binary files /dev/null and b/public/assets/images/banner/flag-boy.webp differ diff --git a/public/assets/images/banner/girl-1.png b/public/assets/images/banner/girl-1.png new file mode 100644 index 0000000..8e7945d Binary files /dev/null and b/public/assets/images/banner/girl-1.png differ diff --git a/public/assets/images/banner/girl-1.webp b/public/assets/images/banner/girl-1.webp new file mode 100644 index 0000000..8e7945d Binary files /dev/null and b/public/assets/images/banner/girl-1.webp differ diff --git a/public/assets/images/banner/girl-2.jpg b/public/assets/images/banner/girl-2.jpg new file mode 100644 index 0000000..43db4cf Binary files /dev/null and b/public/assets/images/banner/girl-2.jpg differ diff --git a/public/assets/images/banner/girl-2.webp b/public/assets/images/banner/girl-2.webp new file mode 100644 index 0000000..43db4cf Binary files /dev/null and b/public/assets/images/banner/girl-2.webp differ diff --git a/public/assets/images/banner/girl-3.png b/public/assets/images/banner/girl-3.png new file mode 100644 index 0000000..cea8e93 Binary files /dev/null and b/public/assets/images/banner/girl-3.png differ diff --git a/public/assets/images/banner/girl-3.webp b/public/assets/images/banner/girl-3.webp new file mode 100644 index 0000000..cea8e93 Binary files /dev/null and b/public/assets/images/banner/girl-3.webp differ diff --git a/public/assets/images/banner/girl-4.jpg b/public/assets/images/banner/girl-4.jpg new file mode 100644 index 0000000..43db4cf Binary files /dev/null and b/public/assets/images/banner/girl-4.jpg differ diff --git a/public/assets/images/banner/girl-4.webp b/public/assets/images/banner/girl-4.webp new file mode 100644 index 0000000..43db4cf Binary files /dev/null and b/public/assets/images/banner/girl-4.webp differ diff --git a/public/assets/images/banner/girl-5.jpg b/public/assets/images/banner/girl-5.jpg new file mode 100644 index 0000000..72b5ac4 Binary files /dev/null and b/public/assets/images/banner/girl-5.jpg differ diff --git a/public/assets/images/banner/girl-5.webp b/public/assets/images/banner/girl-5.webp new file mode 100644 index 0000000..72b5ac4 Binary files /dev/null and b/public/assets/images/banner/girl-5.webp differ diff --git a/public/assets/images/banner/girl-6.jpg b/public/assets/images/banner/girl-6.jpg new file mode 100644 index 0000000..486c183 Binary files /dev/null and b/public/assets/images/banner/girl-6.jpg differ diff --git a/public/assets/images/banner/girl-6.webp b/public/assets/images/banner/girl-6.webp new file mode 100644 index 0000000..486c183 Binary files /dev/null and b/public/assets/images/banner/girl-6.webp differ diff --git a/public/assets/images/banner/girl-rtl-3.png b/public/assets/images/banner/girl-rtl-3.png new file mode 100644 index 0000000..cea8e93 Binary files /dev/null and b/public/assets/images/banner/girl-rtl-3.png differ diff --git a/public/assets/images/banner/girl-rtl-3.webp b/public/assets/images/banner/girl-rtl-3.webp new file mode 100644 index 0000000..cea8e93 Binary files /dev/null and b/public/assets/images/banner/girl-rtl-3.webp differ diff --git a/public/assets/images/banner/heroimg.webp b/public/assets/images/banner/heroimg.webp new file mode 100644 index 0000000..e208a9d Binary files /dev/null and b/public/assets/images/banner/heroimg.webp differ diff --git a/public/assets/images/banner/home8-rtl-vactor-bg.png b/public/assets/images/banner/home8-rtl-vactor-bg.png new file mode 100644 index 0000000..c593823 Binary files /dev/null and b/public/assets/images/banner/home8-rtl-vactor-bg.png differ diff --git a/public/assets/images/banner/home8-rtl-vactor-bg.webp b/public/assets/images/banner/home8-rtl-vactor-bg.webp new file mode 100644 index 0000000..156125e Binary files /dev/null and b/public/assets/images/banner/home8-rtl-vactor-bg.webp differ diff --git a/public/assets/images/banner/home8-vactor-bg.png b/public/assets/images/banner/home8-vactor-bg.png new file mode 100644 index 0000000..d2b15cd Binary files /dev/null and b/public/assets/images/banner/home8-vactor-bg.png differ diff --git a/public/assets/images/banner/home8-vactor-bg.webp b/public/assets/images/banner/home8-vactor-bg.webp new file mode 100644 index 0000000..54d7b0a Binary files /dev/null and b/public/assets/images/banner/home8-vactor-bg.webp differ diff --git a/public/assets/images/banner/icon-1.png b/public/assets/images/banner/icon-1.png new file mode 100644 index 0000000..ccaee28 Binary files /dev/null and b/public/assets/images/banner/icon-1.png differ diff --git a/public/assets/images/banner/icon-2.png b/public/assets/images/banner/icon-2.png new file mode 100644 index 0000000..ab0198d Binary files /dev/null and b/public/assets/images/banner/icon-2.png differ diff --git a/public/assets/images/banner/icon-3.png b/public/assets/images/banner/icon-3.png new file mode 100644 index 0000000..3549f8b Binary files /dev/null and b/public/assets/images/banner/icon-3.png differ diff --git a/public/assets/images/banner/icon-4.png b/public/assets/images/banner/icon-4.png new file mode 100644 index 0000000..ade5379 Binary files /dev/null and b/public/assets/images/banner/icon-4.png differ diff --git a/public/assets/images/banner/icon-5.png b/public/assets/images/banner/icon-5.png new file mode 100644 index 0000000..68791d2 Binary files /dev/null and b/public/assets/images/banner/icon-5.png differ diff --git a/public/assets/images/banner/ins-img.jpg b/public/assets/images/banner/ins-img.jpg new file mode 100644 index 0000000..b66c27f Binary files /dev/null and b/public/assets/images/banner/ins-img.jpg differ diff --git a/public/assets/images/banner/kid-1.png b/public/assets/images/banner/kid-1.png new file mode 100644 index 0000000..968efba Binary files /dev/null and b/public/assets/images/banner/kid-1.png differ diff --git a/public/assets/images/banner/kid-1.webp b/public/assets/images/banner/kid-1.webp new file mode 100644 index 0000000..fc889c1 Binary files /dev/null and b/public/assets/images/banner/kid-1.webp differ diff --git a/public/assets/images/banner/kid-2.png b/public/assets/images/banner/kid-2.png new file mode 100644 index 0000000..fa26aba Binary files /dev/null and b/public/assets/images/banner/kid-2.png differ diff --git a/public/assets/images/banner/kid-2.webp b/public/assets/images/banner/kid-2.webp new file mode 100644 index 0000000..fa26aba Binary files /dev/null and b/public/assets/images/banner/kid-2.webp differ diff --git a/public/assets/images/banner/kid-3.png b/public/assets/images/banner/kid-3.png new file mode 100644 index 0000000..1cd2c74 Binary files /dev/null and b/public/assets/images/banner/kid-3.png differ diff --git a/public/assets/images/banner/kid-3.webp b/public/assets/images/banner/kid-3.webp new file mode 100644 index 0000000..1cd2c74 Binary files /dev/null and b/public/assets/images/banner/kid-3.webp differ diff --git a/public/assets/images/banner/kid-4.png b/public/assets/images/banner/kid-4.png new file mode 100644 index 0000000..d76d479 Binary files /dev/null and b/public/assets/images/banner/kid-4.png differ diff --git a/public/assets/images/banner/kid-4.webp b/public/assets/images/banner/kid-4.webp new file mode 100644 index 0000000..d76d479 Binary files /dev/null and b/public/assets/images/banner/kid-4.webp differ diff --git a/public/assets/images/banner/man-1.jpg b/public/assets/images/banner/man-1.jpg new file mode 100644 index 0000000..fab3669 Binary files /dev/null and b/public/assets/images/banner/man-1.jpg differ diff --git a/public/assets/images/banner/man-1.webp b/public/assets/images/banner/man-1.webp new file mode 100644 index 0000000..fab3669 Binary files /dev/null and b/public/assets/images/banner/man-1.webp differ diff --git a/public/assets/images/banner/pi-chart.png b/public/assets/images/banner/pi-chart.png new file mode 100644 index 0000000..6a386d3 Binary files /dev/null and b/public/assets/images/banner/pi-chart.png differ diff --git a/public/assets/images/banner/pi-chart.webp b/public/assets/images/banner/pi-chart.webp new file mode 100644 index 0000000..6a386d3 Binary files /dev/null and b/public/assets/images/banner/pi-chart.webp differ diff --git a/public/assets/images/banner/pyhnd.jpg b/public/assets/images/banner/pyhnd.jpg new file mode 100644 index 0000000..3a71730 Binary files /dev/null and b/public/assets/images/banner/pyhnd.jpg differ diff --git a/public/assets/images/banner/shape-01.png b/public/assets/images/banner/shape-01.png new file mode 100644 index 0000000..1d1984b Binary files /dev/null and b/public/assets/images/banner/shape-01.png differ diff --git a/public/assets/images/banner/shape-02.png b/public/assets/images/banner/shape-02.png new file mode 100644 index 0000000..49a10f4 Binary files /dev/null and b/public/assets/images/banner/shape-02.png differ diff --git a/public/assets/images/banner/shape-03.png b/public/assets/images/banner/shape-03.png new file mode 100644 index 0000000..f21ba73 Binary files /dev/null and b/public/assets/images/banner/shape-03.png differ diff --git a/public/assets/images/banner/soft01.jpg b/public/assets/images/banner/soft01.jpg new file mode 100644 index 0000000..89def0b Binary files /dev/null and b/public/assets/images/banner/soft01.jpg differ diff --git a/public/assets/images/banner/soft02.jpg b/public/assets/images/banner/soft02.jpg new file mode 100644 index 0000000..653f97c Binary files /dev/null and b/public/assets/images/banner/soft02.jpg differ diff --git a/public/assets/images/banner/soft03.jpg b/public/assets/images/banner/soft03.jpg new file mode 100644 index 0000000..11fb793 Binary files /dev/null and b/public/assets/images/banner/soft03.jpg differ diff --git a/public/assets/images/bg/.DS_Store b/public/assets/images/bg/.DS_Store new file mode 100644 index 0000000..1b39868 Binary files /dev/null and b/public/assets/images/bg/.DS_Store differ diff --git a/public/assets/images/bg/BG-3.png b/public/assets/images/bg/BG-3.png new file mode 100644 index 0000000..b19742a Binary files /dev/null and b/public/assets/images/bg/BG-3.png differ diff --git a/public/assets/images/bg/BG-3.webp b/public/assets/images/bg/BG-3.webp new file mode 100644 index 0000000..81ab318 Binary files /dev/null and b/public/assets/images/bg/BG-3.webp differ diff --git a/public/assets/images/bg/back1.jpg b/public/assets/images/bg/back1.jpg new file mode 100644 index 0000000..a5eafc7 Binary files /dev/null and b/public/assets/images/bg/back1.jpg differ diff --git a/public/assets/images/bg/banner-shape-bg.png b/public/assets/images/bg/banner-shape-bg.png new file mode 100644 index 0000000..64ac01f Binary files /dev/null and b/public/assets/images/bg/banner-shape-bg.png differ diff --git a/public/assets/images/bg/bg-image-1.png b/public/assets/images/bg/bg-image-1.png new file mode 100644 index 0000000..2398fd8 Binary files /dev/null and b/public/assets/images/bg/bg-image-1.png differ diff --git a/public/assets/images/bg/bg-image-1.svg b/public/assets/images/bg/bg-image-1.svg new file mode 100644 index 0000000..53ca652 --- /dev/null +++ b/public/assets/images/bg/bg-image-1.svg @@ -0,0 +1,7 @@ + + + \ No newline at end of file diff --git a/public/assets/images/bg/bg-image-10.png b/public/assets/images/bg/bg-image-10.png new file mode 100644 index 0000000..0022aee Binary files /dev/null and b/public/assets/images/bg/bg-image-10.png differ diff --git a/public/assets/images/bg/bg-image-10.webp b/public/assets/images/bg/bg-image-10.webp new file mode 100644 index 0000000..cb1ce6d Binary files /dev/null and b/public/assets/images/bg/bg-image-10.webp differ diff --git a/public/assets/images/bg/bg-image-11.png b/public/assets/images/bg/bg-image-11.png new file mode 100644 index 0000000..36c84d6 Binary files /dev/null and b/public/assets/images/bg/bg-image-11.png differ diff --git a/public/assets/images/bg/bg-image-12.jpg b/public/assets/images/bg/bg-image-12.jpg new file mode 100644 index 0000000..dc61c3f Binary files /dev/null and b/public/assets/images/bg/bg-image-12.jpg differ diff --git a/public/assets/images/bg/bg-image-13.png b/public/assets/images/bg/bg-image-13.png new file mode 100644 index 0000000..8bc5449 Binary files /dev/null and b/public/assets/images/bg/bg-image-13.png differ diff --git a/public/assets/images/bg/bg-image-14.jpg b/public/assets/images/bg/bg-image-14.jpg new file mode 100644 index 0000000..4fb56a0 Binary files /dev/null and b/public/assets/images/bg/bg-image-14.jpg differ diff --git a/public/assets/images/bg/bg-image-14.webp b/public/assets/images/bg/bg-image-14.webp new file mode 100644 index 0000000..4fb56a0 Binary files /dev/null and b/public/assets/images/bg/bg-image-14.webp differ diff --git a/public/assets/images/bg/bg-image-15.jpg b/public/assets/images/bg/bg-image-15.jpg new file mode 100644 index 0000000..6648815 Binary files /dev/null and b/public/assets/images/bg/bg-image-15.jpg differ diff --git a/public/assets/images/bg/bg-image-16.png b/public/assets/images/bg/bg-image-16.png new file mode 100644 index 0000000..175fd44 Binary files /dev/null and b/public/assets/images/bg/bg-image-16.png differ diff --git a/public/assets/images/bg/bg-image-17.jpg b/public/assets/images/bg/bg-image-17.jpg new file mode 100644 index 0000000..e03c14d Binary files /dev/null and b/public/assets/images/bg/bg-image-17.jpg differ diff --git a/public/assets/images/bg/bg-image-17.webp b/public/assets/images/bg/bg-image-17.webp new file mode 100644 index 0000000..e03c14d Binary files /dev/null and b/public/assets/images/bg/bg-image-17.webp differ diff --git a/public/assets/images/bg/bg-image-18.png b/public/assets/images/bg/bg-image-18.png new file mode 100644 index 0000000..843c182 Binary files /dev/null and b/public/assets/images/bg/bg-image-18.png differ diff --git a/public/assets/images/bg/bg-image-18.webp b/public/assets/images/bg/bg-image-18.webp new file mode 100644 index 0000000..93e1072 Binary files /dev/null and b/public/assets/images/bg/bg-image-18.webp differ diff --git a/public/assets/images/bg/bg-image-19.jpg b/public/assets/images/bg/bg-image-19.jpg new file mode 100644 index 0000000..a7d3364 Binary files /dev/null and b/public/assets/images/bg/bg-image-19.jpg differ diff --git a/public/assets/images/bg/bg-image-19.webp b/public/assets/images/bg/bg-image-19.webp new file mode 100644 index 0000000..a7d3364 Binary files /dev/null and b/public/assets/images/bg/bg-image-19.webp differ diff --git a/public/assets/images/bg/bg-image-2.jpg b/public/assets/images/bg/bg-image-2.jpg new file mode 100644 index 0000000..7557a66 Binary files /dev/null and b/public/assets/images/bg/bg-image-2.jpg differ diff --git a/public/assets/images/bg/bg-image-2.svg b/public/assets/images/bg/bg-image-2.svg new file mode 100644 index 0000000..37b9606 --- /dev/null +++ b/public/assets/images/bg/bg-image-2.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/public/assets/images/bg/bg-image-20.png b/public/assets/images/bg/bg-image-20.png new file mode 100644 index 0000000..4958b29 Binary files /dev/null and b/public/assets/images/bg/bg-image-20.png differ diff --git a/public/assets/images/bg/bg-image-20.svg b/public/assets/images/bg/bg-image-20.svg new file mode 100644 index 0000000..f844373 --- /dev/null +++ b/public/assets/images/bg/bg-image-20.svg @@ -0,0 +1,18 @@ + + + + + + + + + + \ No newline at end of file diff --git a/public/assets/images/bg/bg-image-21.jpg b/public/assets/images/bg/bg-image-21.jpg new file mode 100644 index 0000000..a7d3364 Binary files /dev/null and b/public/assets/images/bg/bg-image-21.jpg differ diff --git a/public/assets/images/bg/bg-image-21.webp b/public/assets/images/bg/bg-image-21.webp new file mode 100644 index 0000000..a7d3364 Binary files /dev/null and b/public/assets/images/bg/bg-image-21.webp differ diff --git a/public/assets/images/bg/bg-image-22.png b/public/assets/images/bg/bg-image-22.png new file mode 100644 index 0000000..ac0b600 Binary files /dev/null and b/public/assets/images/bg/bg-image-22.png differ diff --git a/public/assets/images/bg/bg-image-24.jpg b/public/assets/images/bg/bg-image-24.jpg new file mode 100644 index 0000000..eb88c56 Binary files /dev/null and b/public/assets/images/bg/bg-image-24.jpg differ diff --git a/public/assets/images/bg/bg-image-25.jpg b/public/assets/images/bg/bg-image-25.jpg new file mode 100644 index 0000000..b64c3fb Binary files /dev/null and b/public/assets/images/bg/bg-image-25.jpg differ diff --git a/public/assets/images/bg/bg-image-26.jpg b/public/assets/images/bg/bg-image-26.jpg new file mode 100644 index 0000000..e03c14d Binary files /dev/null and b/public/assets/images/bg/bg-image-26.jpg differ diff --git a/public/assets/images/bg/bg-image-26.webp b/public/assets/images/bg/bg-image-26.webp new file mode 100644 index 0000000..e03c14d Binary files /dev/null and b/public/assets/images/bg/bg-image-26.webp differ diff --git a/public/assets/images/bg/bg-image-27.png b/public/assets/images/bg/bg-image-27.png new file mode 100644 index 0000000..fa53f1e Binary files /dev/null and b/public/assets/images/bg/bg-image-27.png differ diff --git a/public/assets/images/bg/bg-image-28.jpg b/public/assets/images/bg/bg-image-28.jpg new file mode 100644 index 0000000..e03c14d Binary files /dev/null and b/public/assets/images/bg/bg-image-28.jpg differ diff --git a/public/assets/images/bg/bg-image-28.webp b/public/assets/images/bg/bg-image-28.webp new file mode 100644 index 0000000..e03c14d Binary files /dev/null and b/public/assets/images/bg/bg-image-28.webp differ diff --git a/public/assets/images/bg/bg-image-29.jpg b/public/assets/images/bg/bg-image-29.jpg new file mode 100644 index 0000000..c243f1e Binary files /dev/null and b/public/assets/images/bg/bg-image-29.jpg differ diff --git a/public/assets/images/bg/bg-image-29.png b/public/assets/images/bg/bg-image-29.png new file mode 100644 index 0000000..bb69108 Binary files /dev/null and b/public/assets/images/bg/bg-image-29.png differ diff --git a/public/assets/images/bg/bg-image-29.webp b/public/assets/images/bg/bg-image-29.webp new file mode 100644 index 0000000..c243f1e Binary files /dev/null and b/public/assets/images/bg/bg-image-29.webp differ diff --git a/public/assets/images/bg/bg-image-3.jpg b/public/assets/images/bg/bg-image-3.jpg new file mode 100644 index 0000000..5a52b06 Binary files /dev/null and b/public/assets/images/bg/bg-image-3.jpg differ diff --git a/public/assets/images/bg/bg-image-3.svg b/public/assets/images/bg/bg-image-3.svg new file mode 100644 index 0000000..39af9ab --- /dev/null +++ b/public/assets/images/bg/bg-image-3.svg @@ -0,0 +1,7 @@ + + + \ No newline at end of file diff --git a/public/assets/images/bg/bg-image-3.webp b/public/assets/images/bg/bg-image-3.webp new file mode 100644 index 0000000..96dea86 Binary files /dev/null and b/public/assets/images/bg/bg-image-3.webp differ diff --git a/public/assets/images/bg/bg-image-30.jpg b/public/assets/images/bg/bg-image-30.jpg new file mode 100644 index 0000000..c243f1e Binary files /dev/null and b/public/assets/images/bg/bg-image-30.jpg differ diff --git a/public/assets/images/bg/bg-image-30.webp b/public/assets/images/bg/bg-image-30.webp new file mode 100644 index 0000000..c243f1e Binary files /dev/null and b/public/assets/images/bg/bg-image-30.webp differ diff --git a/public/assets/images/bg/bg-image-31.jpg b/public/assets/images/bg/bg-image-31.jpg new file mode 100644 index 0000000..c243f1e Binary files /dev/null and b/public/assets/images/bg/bg-image-31.jpg differ diff --git a/public/assets/images/bg/bg-image-31.webp b/public/assets/images/bg/bg-image-31.webp new file mode 100644 index 0000000..c243f1e Binary files /dev/null and b/public/assets/images/bg/bg-image-31.webp differ diff --git a/public/assets/images/bg/bg-image-32.jpg b/public/assets/images/bg/bg-image-32.jpg new file mode 100644 index 0000000..a5b1ec4 Binary files /dev/null and b/public/assets/images/bg/bg-image-32.jpg differ diff --git a/public/assets/images/bg/bg-image-32.webp b/public/assets/images/bg/bg-image-32.webp new file mode 100644 index 0000000..7f7279d Binary files /dev/null and b/public/assets/images/bg/bg-image-32.webp differ diff --git a/public/assets/images/bg/bg-image-33.jpg b/public/assets/images/bg/bg-image-33.jpg new file mode 100644 index 0000000..29a6209 Binary files /dev/null and b/public/assets/images/bg/bg-image-33.jpg differ diff --git a/public/assets/images/bg/bg-image-33.webp b/public/assets/images/bg/bg-image-33.webp new file mode 100644 index 0000000..74d0b06 Binary files /dev/null and b/public/assets/images/bg/bg-image-33.webp differ diff --git a/public/assets/images/bg/bg-image-34.jpg b/public/assets/images/bg/bg-image-34.jpg new file mode 100644 index 0000000..908100b Binary files /dev/null and b/public/assets/images/bg/bg-image-34.jpg differ diff --git a/public/assets/images/bg/bg-image-34.webp b/public/assets/images/bg/bg-image-34.webp new file mode 100644 index 0000000..908100b Binary files /dev/null and b/public/assets/images/bg/bg-image-34.webp differ diff --git a/public/assets/images/bg/bg-image-35.jpg b/public/assets/images/bg/bg-image-35.jpg new file mode 100644 index 0000000..b31e3ef Binary files /dev/null and b/public/assets/images/bg/bg-image-35.jpg differ diff --git a/public/assets/images/bg/bg-image-35.webp b/public/assets/images/bg/bg-image-35.webp new file mode 100644 index 0000000..4641055 Binary files /dev/null and b/public/assets/images/bg/bg-image-35.webp differ diff --git a/public/assets/images/bg/bg-image-36.png b/public/assets/images/bg/bg-image-36.png new file mode 100644 index 0000000..6c8d359 Binary files /dev/null and b/public/assets/images/bg/bg-image-36.png differ diff --git a/public/assets/images/bg/bg-image-36.webp b/public/assets/images/bg/bg-image-36.webp new file mode 100644 index 0000000..dba58ce Binary files /dev/null and b/public/assets/images/bg/bg-image-36.webp differ diff --git a/public/assets/images/bg/bg-image-37.jpg b/public/assets/images/bg/bg-image-37.jpg new file mode 100644 index 0000000..38cd385 Binary files /dev/null and b/public/assets/images/bg/bg-image-37.jpg differ diff --git a/public/assets/images/bg/bg-image-37.webp b/public/assets/images/bg/bg-image-37.webp new file mode 100644 index 0000000..9480907 Binary files /dev/null and b/public/assets/images/bg/bg-image-37.webp differ diff --git a/public/assets/images/bg/bg-image-38.png b/public/assets/images/bg/bg-image-38.png new file mode 100644 index 0000000..e693e24 Binary files /dev/null and b/public/assets/images/bg/bg-image-38.png differ diff --git a/public/assets/images/bg/bg-image-38.webp b/public/assets/images/bg/bg-image-38.webp new file mode 100644 index 0000000..5688c7f Binary files /dev/null and b/public/assets/images/bg/bg-image-38.webp differ diff --git a/public/assets/images/bg/bg-image-4.jpg b/public/assets/images/bg/bg-image-4.jpg new file mode 100644 index 0000000..649732f Binary files /dev/null and b/public/assets/images/bg/bg-image-4.jpg differ diff --git a/public/assets/images/bg/bg-image-4.svg b/public/assets/images/bg/bg-image-4.svg new file mode 100644 index 0000000..b5027b6 --- /dev/null +++ b/public/assets/images/bg/bg-image-4.svg @@ -0,0 +1,7 @@ + + + \ No newline at end of file diff --git a/public/assets/images/bg/bg-image-4.webp b/public/assets/images/bg/bg-image-4.webp new file mode 100644 index 0000000..26e377d Binary files /dev/null and b/public/assets/images/bg/bg-image-4.webp differ diff --git a/public/assets/images/bg/bg-image-5.svg b/public/assets/images/bg/bg-image-5.svg new file mode 100644 index 0000000..621b83b --- /dev/null +++ b/public/assets/images/bg/bg-image-5.svg @@ -0,0 +1,7 @@ + + + \ No newline at end of file diff --git a/public/assets/images/bg/bg-image-6.png b/public/assets/images/bg/bg-image-6.png new file mode 100644 index 0000000..3a91fd3 Binary files /dev/null and b/public/assets/images/bg/bg-image-6.png differ diff --git a/public/assets/images/bg/bg-image-6.svg b/public/assets/images/bg/bg-image-6.svg new file mode 100644 index 0000000..de827c9 --- /dev/null +++ b/public/assets/images/bg/bg-image-6.svg @@ -0,0 +1,7 @@ + + + \ No newline at end of file diff --git a/public/assets/images/bg/bg-image-7.png b/public/assets/images/bg/bg-image-7.png new file mode 100644 index 0000000..2bf9cbf Binary files /dev/null and b/public/assets/images/bg/bg-image-7.png differ diff --git a/public/assets/images/bg/bg-image-8.png b/public/assets/images/bg/bg-image-8.png new file mode 100644 index 0000000..c4c4f79 Binary files /dev/null and b/public/assets/images/bg/bg-image-8.png differ diff --git a/public/assets/images/bg/bg-image-9.png b/public/assets/images/bg/bg-image-9.png new file mode 100644 index 0000000..660ad11 Binary files /dev/null and b/public/assets/images/bg/bg-image-9.png differ diff --git a/public/assets/images/bg/bg01.jpg b/public/assets/images/bg/bg01.jpg new file mode 100644 index 0000000..9442238 Binary files /dev/null and b/public/assets/images/bg/bg01.jpg differ diff --git a/public/assets/images/bg/bg02.jpg b/public/assets/images/bg/bg02.jpg new file mode 100644 index 0000000..059bde0 Binary files /dev/null and b/public/assets/images/bg/bg02.jpg differ diff --git a/public/assets/images/bg/bg03.webp b/public/assets/images/bg/bg03.webp new file mode 100644 index 0000000..3b87383 Binary files /dev/null and b/public/assets/images/bg/bg03.webp differ diff --git a/public/assets/images/bg/circle-small.svg b/public/assets/images/bg/circle-small.svg new file mode 100644 index 0000000..45bca51 --- /dev/null +++ b/public/assets/images/bg/circle-small.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/bg/cta-bg-imgae-07.png b/public/assets/images/bg/cta-bg-imgae-07.png new file mode 100644 index 0000000..2123a6d Binary files /dev/null and b/public/assets/images/bg/cta-bg-imgae-07.png differ diff --git a/public/assets/images/bg/dark-bg-image-20.svg b/public/assets/images/bg/dark-bg-image-20.svg new file mode 100644 index 0000000..7336358 --- /dev/null +++ b/public/assets/images/bg/dark-bg-image-20.svg @@ -0,0 +1,18 @@ + + + + + + + + + + \ No newline at end of file diff --git a/public/assets/images/bg/dark-bg-image-27.png b/public/assets/images/bg/dark-bg-image-27.png new file mode 100644 index 0000000..0a579bb Binary files /dev/null and b/public/assets/images/bg/dark-bg-image-27.png differ diff --git a/public/assets/images/bg/dark-bg-imgae-26.png b/public/assets/images/bg/dark-bg-imgae-26.png new file mode 100644 index 0000000..c2e01ae Binary files /dev/null and b/public/assets/images/bg/dark-bg-imgae-26.png differ diff --git a/public/assets/images/bg/features-bg-1.svg b/public/assets/images/bg/features-bg-1.svg new file mode 100644 index 0000000..352e8e7 --- /dev/null +++ b/public/assets/images/bg/features-bg-1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/bg/features-bg-2.svg b/public/assets/images/bg/features-bg-2.svg new file mode 100644 index 0000000..06a221b --- /dev/null +++ b/public/assets/images/bg/features-bg-2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/bg/features-bg-3.svg b/public/assets/images/bg/features-bg-3.svg new file mode 100644 index 0000000..7442fe7 --- /dev/null +++ b/public/assets/images/bg/features-bg-3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/bg/features-bg-4.svg b/public/assets/images/bg/features-bg-4.svg new file mode 100644 index 0000000..754af6c --- /dev/null +++ b/public/assets/images/bg/features-bg-4.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/bg/h8-testimonial-bg.svg b/public/assets/images/bg/h8-testimonial-bg.svg new file mode 100644 index 0000000..0cc4350 --- /dev/null +++ b/public/assets/images/bg/h8-testimonial-bg.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/bg/hacking-01.jpg b/public/assets/images/bg/hacking-01.jpg new file mode 100644 index 0000000..cc8b07c Binary files /dev/null and b/public/assets/images/bg/hacking-01.jpg differ diff --git a/public/assets/images/bg/hero-crave.png b/public/assets/images/bg/hero-crave.png new file mode 100644 index 0000000..d8cb0ee Binary files /dev/null and b/public/assets/images/bg/hero-crave.png differ diff --git a/public/assets/images/bg/preloader.png b/public/assets/images/bg/preloader.png new file mode 100644 index 0000000..677cfaf Binary files /dev/null and b/public/assets/images/bg/preloader.png differ diff --git a/public/assets/images/bg/preview-course-bg.jpg b/public/assets/images/bg/preview-course-bg.jpg new file mode 100644 index 0000000..41c7e0c Binary files /dev/null and b/public/assets/images/bg/preview-course-bg.jpg differ diff --git a/public/assets/images/bg/testimonial-wave-bg.png b/public/assets/images/bg/testimonial-wave-bg.png new file mode 100644 index 0000000..939ac6e Binary files /dev/null and b/public/assets/images/bg/testimonial-wave-bg.png differ diff --git a/public/assets/images/bg/wave-banner.svg b/public/assets/images/bg/wave-banner.svg new file mode 100644 index 0000000..1a24bfd --- /dev/null +++ b/public/assets/images/bg/wave-banner.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/bg/wave-testimanial.svg b/public/assets/images/bg/wave-testimanial.svg new file mode 100644 index 0000000..8b3f759 --- /dev/null +++ b/public/assets/images/bg/wave-testimanial.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/blog/.DS_Store b/public/assets/images/blog/.DS_Store new file mode 100644 index 0000000..5d669cb Binary files /dev/null and b/public/assets/images/blog/.DS_Store differ diff --git a/public/assets/images/blog/08_Home-Page.png b/public/assets/images/blog/08_Home-Page.png new file mode 100644 index 0000000..af3d0d8 Binary files /dev/null and b/public/assets/images/blog/08_Home-Page.png differ diff --git a/public/assets/images/blog/art-01.jpg b/public/assets/images/blog/art-01.jpg new file mode 100644 index 0000000..6981c06 Binary files /dev/null and b/public/assets/images/blog/art-01.jpg differ diff --git a/public/assets/images/blog/art-02.webp b/public/assets/images/blog/art-02.webp new file mode 100644 index 0000000..01f9594 Binary files /dev/null and b/public/assets/images/blog/art-02.webp differ diff --git a/public/assets/images/blog/art-03.jpg b/public/assets/images/blog/art-03.jpg new file mode 100644 index 0000000..413a9f4 Binary files /dev/null and b/public/assets/images/blog/art-03.jpg differ diff --git a/public/assets/images/blog/author-01.jpg b/public/assets/images/blog/author-01.jpg new file mode 100644 index 0000000..b9696f3 Binary files /dev/null and b/public/assets/images/blog/author-01.jpg differ diff --git a/public/assets/images/blog/author-01.png b/public/assets/images/blog/author-01.png new file mode 100644 index 0000000..b9696f3 Binary files /dev/null and b/public/assets/images/blog/author-01.png differ diff --git a/public/assets/images/blog/blg-01.jpg b/public/assets/images/blog/blg-01.jpg new file mode 100644 index 0000000..a960f11 Binary files /dev/null and b/public/assets/images/blog/blg-01.jpg differ diff --git a/public/assets/images/blog/blg-02.jpg b/public/assets/images/blog/blg-02.jpg new file mode 100644 index 0000000..b648b98 Binary files /dev/null and b/public/assets/images/blog/blg-02.jpg differ diff --git a/public/assets/images/blog/blg-03.jpg b/public/assets/images/blog/blg-03.jpg new file mode 100644 index 0000000..2feef14 Binary files /dev/null and b/public/assets/images/blog/blg-03.jpg differ diff --git a/public/assets/images/blog/blog-01.jpg b/public/assets/images/blog/blog-01.jpg new file mode 100644 index 0000000..7c73a66 Binary files /dev/null and b/public/assets/images/blog/blog-01.jpg differ diff --git a/public/assets/images/blog/blog-01.webp b/public/assets/images/blog/blog-01.webp new file mode 100644 index 0000000..f4b3a51 Binary files /dev/null and b/public/assets/images/blog/blog-01.webp differ diff --git a/public/assets/images/blog/blog-02.jpg b/public/assets/images/blog/blog-02.jpg new file mode 100644 index 0000000..748c86b Binary files /dev/null and b/public/assets/images/blog/blog-02.jpg differ diff --git a/public/assets/images/blog/blog-030.jpg b/public/assets/images/blog/blog-030.jpg new file mode 100644 index 0000000..c79a2b4 Binary files /dev/null and b/public/assets/images/blog/blog-030.jpg differ diff --git a/public/assets/images/blog/blog-04.jpg b/public/assets/images/blog/blog-04.jpg new file mode 100644 index 0000000..3c2a868 Binary files /dev/null and b/public/assets/images/blog/blog-04.jpg differ diff --git a/public/assets/images/blog/blog-05.jpg b/public/assets/images/blog/blog-05.jpg new file mode 100644 index 0000000..b13962d Binary files /dev/null and b/public/assets/images/blog/blog-05.jpg differ diff --git a/public/assets/images/blog/blog-06.jpg b/public/assets/images/blog/blog-06.jpg new file mode 100644 index 0000000..5987f41 Binary files /dev/null and b/public/assets/images/blog/blog-06.jpg differ diff --git a/public/assets/images/blog/blog-07.jpg b/public/assets/images/blog/blog-07.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/blog/blog-07.jpg differ diff --git a/public/assets/images/blog/blog-08.jpg b/public/assets/images/blog/blog-08.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/blog/blog-08.jpg differ diff --git a/public/assets/images/blog/blog-09.jpg b/public/assets/images/blog/blog-09.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/blog/blog-09.jpg differ diff --git a/public/assets/images/blog/blog-10.jpg b/public/assets/images/blog/blog-10.jpg new file mode 100644 index 0000000..7824cbf Binary files /dev/null and b/public/assets/images/blog/blog-10.jpg differ diff --git a/public/assets/images/blog/blog-11.jpg b/public/assets/images/blog/blog-11.jpg new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/blog/blog-11.jpg differ diff --git a/public/assets/images/blog/blog-12.jpg b/public/assets/images/blog/blog-12.jpg new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/blog/blog-12.jpg differ diff --git a/public/assets/images/blog/blog-13.jpg b/public/assets/images/blog/blog-13.jpg new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/blog/blog-13.jpg differ diff --git a/public/assets/images/blog/blog-14.jpg b/public/assets/images/blog/blog-14.jpg new file mode 100644 index 0000000..1d67472 Binary files /dev/null and b/public/assets/images/blog/blog-14.jpg differ diff --git a/public/assets/images/blog/blog-15.jpg b/public/assets/images/blog/blog-15.jpg new file mode 100644 index 0000000..1d67472 Binary files /dev/null and b/public/assets/images/blog/blog-15.jpg differ diff --git a/public/assets/images/blog/blog-16_1.jpg b/public/assets/images/blog/blog-16_1.jpg new file mode 100644 index 0000000..1d67472 Binary files /dev/null and b/public/assets/images/blog/blog-16_1.jpg differ diff --git a/public/assets/images/blog/blog-16_2.jpg b/public/assets/images/blog/blog-16_2.jpg new file mode 100644 index 0000000..1d67472 Binary files /dev/null and b/public/assets/images/blog/blog-16_2.jpg differ diff --git a/public/assets/images/blog/blog-16_3.jpg b/public/assets/images/blog/blog-16_3.jpg new file mode 100644 index 0000000..1d67472 Binary files /dev/null and b/public/assets/images/blog/blog-16_3.jpg differ diff --git a/public/assets/images/blog/blog-17.jpg b/public/assets/images/blog/blog-17.jpg new file mode 100644 index 0000000..1d67472 Binary files /dev/null and b/public/assets/images/blog/blog-17.jpg differ diff --git a/public/assets/images/blog/blog-18.jpg b/public/assets/images/blog/blog-18.jpg new file mode 100644 index 0000000..1d67472 Binary files /dev/null and b/public/assets/images/blog/blog-18.jpg differ diff --git a/public/assets/images/blog/blog-19.jpg b/public/assets/images/blog/blog-19.jpg new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/blog/blog-19.jpg differ diff --git a/public/assets/images/blog/blog-20.jpg b/public/assets/images/blog/blog-20.jpg new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/blog/blog-20.jpg differ diff --git a/public/assets/images/blog/blog-21.jpg b/public/assets/images/blog/blog-21.jpg new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/blog/blog-21.jpg differ diff --git a/public/assets/images/blog/blog-22.jpg b/public/assets/images/blog/blog-22.jpg new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/blog/blog-22.jpg differ diff --git a/public/assets/images/blog/blog-23.jpg b/public/assets/images/blog/blog-23.jpg new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/blog/blog-23.jpg differ diff --git a/public/assets/images/blog/blog-24.jpg b/public/assets/images/blog/blog-24.jpg new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/blog/blog-24.jpg differ diff --git a/public/assets/images/blog/blog-25.jpg b/public/assets/images/blog/blog-25.jpg new file mode 100644 index 0000000..f9cdbcd Binary files /dev/null and b/public/assets/images/blog/blog-25.jpg differ diff --git a/public/assets/images/blog/blog-26.jpg b/public/assets/images/blog/blog-26.jpg new file mode 100644 index 0000000..f9cdbcd Binary files /dev/null and b/public/assets/images/blog/blog-26.jpg differ diff --git a/public/assets/images/blog/blog-27.jpg b/public/assets/images/blog/blog-27.jpg new file mode 100644 index 0000000..f9cdbcd Binary files /dev/null and b/public/assets/images/blog/blog-27.jpg differ diff --git a/public/assets/images/blog/blog-28.jpg b/public/assets/images/blog/blog-28.jpg new file mode 100644 index 0000000..f9cdbcd Binary files /dev/null and b/public/assets/images/blog/blog-28.jpg differ diff --git a/public/assets/images/blog/blog-29.jpg b/public/assets/images/blog/blog-29.jpg new file mode 100644 index 0000000..f9cdbcd Binary files /dev/null and b/public/assets/images/blog/blog-29.jpg differ diff --git a/public/assets/images/blog/blog-30.jpg b/public/assets/images/blog/blog-30.jpg new file mode 100644 index 0000000..f9cdbcd Binary files /dev/null and b/public/assets/images/blog/blog-30.jpg differ diff --git a/public/assets/images/blog/blog-31.jpg b/public/assets/images/blog/blog-31.jpg new file mode 100644 index 0000000..f9cdbcd Binary files /dev/null and b/public/assets/images/blog/blog-31.jpg differ diff --git a/public/assets/images/blog/blog-32.jpg b/public/assets/images/blog/blog-32.jpg new file mode 100644 index 0000000..99e99b1 Binary files /dev/null and b/public/assets/images/blog/blog-32.jpg differ diff --git a/public/assets/images/blog/blog-33.jpg b/public/assets/images/blog/blog-33.jpg new file mode 100644 index 0000000..3d3092c Binary files /dev/null and b/public/assets/images/blog/blog-33.jpg differ diff --git a/public/assets/images/blog/blog-34.jpg b/public/assets/images/blog/blog-34.jpg new file mode 100644 index 0000000..af3d0d8 Binary files /dev/null and b/public/assets/images/blog/blog-34.jpg differ diff --git a/public/assets/images/blog/blog-35.jpg b/public/assets/images/blog/blog-35.jpg new file mode 100644 index 0000000..72b5ac4 Binary files /dev/null and b/public/assets/images/blog/blog-35.jpg differ diff --git a/public/assets/images/blog/blog-large-1.jpg b/public/assets/images/blog/blog-large-1.jpg new file mode 100644 index 0000000..0f4ad33 Binary files /dev/null and b/public/assets/images/blog/blog-large-1.jpg differ diff --git a/public/assets/images/blog/blog.webp b/public/assets/images/blog/blog.webp new file mode 100644 index 0000000..7e602b4 Binary files /dev/null and b/public/assets/images/blog/blog.webp differ diff --git a/public/assets/images/blog/comment-01.jpg b/public/assets/images/blog/comment-01.jpg new file mode 100644 index 0000000..64332f2 Binary files /dev/null and b/public/assets/images/blog/comment-01.jpg differ diff --git a/public/assets/images/blog/comment-02.jpg b/public/assets/images/blog/comment-02.jpg new file mode 100644 index 0000000..64332f2 Binary files /dev/null and b/public/assets/images/blog/comment-02.jpg differ diff --git a/public/assets/images/blog/comment-03.jpg b/public/assets/images/blog/comment-03.jpg new file mode 100644 index 0000000..64332f2 Binary files /dev/null and b/public/assets/images/blog/comment-03.jpg differ diff --git a/public/assets/images/blog/developer-01.jpg b/public/assets/images/blog/developer-01.jpg new file mode 100644 index 0000000..4f46556 Binary files /dev/null and b/public/assets/images/blog/developer-01.jpg differ diff --git a/public/assets/images/blog/developer.webp b/public/assets/images/blog/developer.webp new file mode 100644 index 0000000..3882773 Binary files /dev/null and b/public/assets/images/blog/developer.webp differ diff --git a/public/assets/images/blog/features-1.jpg b/public/assets/images/blog/features-1.jpg new file mode 100644 index 0000000..bd46178 Binary files /dev/null and b/public/assets/images/blog/features-1.jpg differ diff --git a/public/assets/images/blog/features-2.jpg b/public/assets/images/blog/features-2.jpg new file mode 100644 index 0000000..bd46178 Binary files /dev/null and b/public/assets/images/blog/features-2.jpg differ diff --git a/public/assets/images/blog/m-3.webp b/public/assets/images/blog/m-3.webp new file mode 100644 index 0000000..fbb5daf Binary files /dev/null and b/public/assets/images/blog/m-3.webp differ diff --git a/public/assets/images/blog/pro-01.jpg b/public/assets/images/blog/pro-01.jpg new file mode 100644 index 0000000..3fb4556 Binary files /dev/null and b/public/assets/images/blog/pro-01.jpg differ diff --git a/public/assets/images/blog/pro-02.jpg b/public/assets/images/blog/pro-02.jpg new file mode 100644 index 0000000..1d5e1e6 Binary files /dev/null and b/public/assets/images/blog/pro-02.jpg differ diff --git a/public/assets/images/blog/pro-03.jpg b/public/assets/images/blog/pro-03.jpg new file mode 100644 index 0000000..b88ccaf Binary files /dev/null and b/public/assets/images/blog/pro-03.jpg differ diff --git a/public/assets/images/blog/pro-04.jpg b/public/assets/images/blog/pro-04.jpg new file mode 100644 index 0000000..dc13846 Binary files /dev/null and b/public/assets/images/blog/pro-04.jpg differ diff --git a/public/assets/images/blog/pro-05.jpg b/public/assets/images/blog/pro-05.jpg new file mode 100644 index 0000000..7ca3d35 Binary files /dev/null and b/public/assets/images/blog/pro-05.jpg differ diff --git a/public/assets/images/blog/shape-01.png b/public/assets/images/blog/shape-01.png new file mode 100644 index 0000000..c0ec9ce Binary files /dev/null and b/public/assets/images/blog/shape-01.png differ diff --git a/public/assets/images/blog/small-post-01.jpg b/public/assets/images/blog/small-post-01.jpg new file mode 100644 index 0000000..64332f2 Binary files /dev/null and b/public/assets/images/blog/small-post-01.jpg differ diff --git a/public/assets/images/blog/small-post-02.jpg b/public/assets/images/blog/small-post-02.jpg new file mode 100644 index 0000000..64332f2 Binary files /dev/null and b/public/assets/images/blog/small-post-02.jpg differ diff --git a/public/assets/images/blog/small-post-03.jpg b/public/assets/images/blog/small-post-03.jpg new file mode 100644 index 0000000..64332f2 Binary files /dev/null and b/public/assets/images/blog/small-post-03.jpg differ diff --git a/public/assets/images/blog/swip-01.jpg b/public/assets/images/blog/swip-01.jpg new file mode 100644 index 0000000..21bf33e Binary files /dev/null and b/public/assets/images/blog/swip-01.jpg differ diff --git a/public/assets/images/blog/swip-02.jpg b/public/assets/images/blog/swip-02.jpg new file mode 100644 index 0000000..f2d5b43 Binary files /dev/null and b/public/assets/images/blog/swip-02.jpg differ diff --git a/public/assets/images/blog/swip-03.jpg b/public/assets/images/blog/swip-03.jpg new file mode 100644 index 0000000..55f5b4e Binary files /dev/null and b/public/assets/images/blog/swip-03.jpg differ diff --git a/public/assets/images/brand/.DS_Store b/public/assets/images/brand/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/public/assets/images/brand/.DS_Store differ diff --git a/public/assets/images/brand/brand-01.png b/public/assets/images/brand/brand-01.png new file mode 100644 index 0000000..a1d9256 Binary files /dev/null and b/public/assets/images/brand/brand-01.png differ diff --git a/public/assets/images/brand/brand-02.png b/public/assets/images/brand/brand-02.png new file mode 100644 index 0000000..a1d9256 Binary files /dev/null and b/public/assets/images/brand/brand-02.png differ diff --git a/public/assets/images/brand/brand-03.png b/public/assets/images/brand/brand-03.png new file mode 100644 index 0000000..a1d9256 Binary files /dev/null and b/public/assets/images/brand/brand-03.png differ diff --git a/public/assets/images/brand/brand-04.png b/public/assets/images/brand/brand-04.png new file mode 100644 index 0000000..a1d9256 Binary files /dev/null and b/public/assets/images/brand/brand-04.png differ diff --git a/public/assets/images/brand/brand-05.png b/public/assets/images/brand/brand-05.png new file mode 100644 index 0000000..a1d9256 Binary files /dev/null and b/public/assets/images/brand/brand-05.png differ diff --git a/public/assets/images/brand/brand-06.png b/public/assets/images/brand/brand-06.png new file mode 100644 index 0000000..a1d9256 Binary files /dev/null and b/public/assets/images/brand/brand-06.png differ diff --git a/public/assets/images/brand/brand-07.png b/public/assets/images/brand/brand-07.png new file mode 100644 index 0000000..a1d9256 Binary files /dev/null and b/public/assets/images/brand/brand-07.png differ diff --git a/public/assets/images/brand/brand-08.png b/public/assets/images/brand/brand-08.png new file mode 100644 index 0000000..a1d9256 Binary files /dev/null and b/public/assets/images/brand/brand-08.png differ diff --git a/public/assets/images/brand/brand-09.png b/public/assets/images/brand/brand-09.png new file mode 100644 index 0000000..42083c2 Binary files /dev/null and b/public/assets/images/brand/brand-09.png differ diff --git a/public/assets/images/brand/brand-10.png b/public/assets/images/brand/brand-10.png new file mode 100644 index 0000000..42083c2 Binary files /dev/null and b/public/assets/images/brand/brand-10.png differ diff --git a/public/assets/images/brand/brand-11.png b/public/assets/images/brand/brand-11.png new file mode 100644 index 0000000..42083c2 Binary files /dev/null and b/public/assets/images/brand/brand-11.png differ diff --git a/public/assets/images/brand/brand-12.png b/public/assets/images/brand/brand-12.png new file mode 100644 index 0000000..42083c2 Binary files /dev/null and b/public/assets/images/brand/brand-12.png differ diff --git a/public/assets/images/brand/brand-13.png b/public/assets/images/brand/brand-13.png new file mode 100644 index 0000000..42083c2 Binary files /dev/null and b/public/assets/images/brand/brand-13.png differ diff --git a/public/assets/images/brand/c++.jpg b/public/assets/images/brand/c++.jpg new file mode 100644 index 0000000..b30f6c7 Binary files /dev/null and b/public/assets/images/brand/c++.jpg differ diff --git a/public/assets/images/brand/html.jpg b/public/assets/images/brand/html.jpg new file mode 100644 index 0000000..864a2e8 Binary files /dev/null and b/public/assets/images/brand/html.jpg differ diff --git a/public/assets/images/brand/javascript.png b/public/assets/images/brand/javascript.png new file mode 100644 index 0000000..0593e61 Binary files /dev/null and b/public/assets/images/brand/javascript.png differ diff --git a/public/assets/images/brand/julia.jpg b/public/assets/images/brand/julia.jpg new file mode 100644 index 0000000..fc7ba2f Binary files /dev/null and b/public/assets/images/brand/julia.jpg differ diff --git a/public/assets/images/brand/log-1.jpg b/public/assets/images/brand/log-1.jpg new file mode 100644 index 0000000..430f0a9 Binary files /dev/null and b/public/assets/images/brand/log-1.jpg differ diff --git a/public/assets/images/brand/log-2.jpg b/public/assets/images/brand/log-2.jpg new file mode 100644 index 0000000..d4b0cc0 Binary files /dev/null and b/public/assets/images/brand/log-2.jpg differ diff --git a/public/assets/images/brand/log-3.jpg b/public/assets/images/brand/log-3.jpg new file mode 100644 index 0000000..a1112e2 Binary files /dev/null and b/public/assets/images/brand/log-3.jpg differ diff --git a/public/assets/images/brand/log-4.jpg b/public/assets/images/brand/log-4.jpg new file mode 100644 index 0000000..7fdeb24 Binary files /dev/null and b/public/assets/images/brand/log-4.jpg differ diff --git a/public/assets/images/brand/log-5.jpg b/public/assets/images/brand/log-5.jpg new file mode 100644 index 0000000..dd87d39 Binary files /dev/null and b/public/assets/images/brand/log-5.jpg differ diff --git a/public/assets/images/brand/log-6.jpg b/public/assets/images/brand/log-6.jpg new file mode 100644 index 0000000..f1abfa6 Binary files /dev/null and b/public/assets/images/brand/log-6.jpg differ diff --git a/public/assets/images/brand/log-7.jpg b/public/assets/images/brand/log-7.jpg new file mode 100644 index 0000000..3fd4dc5 Binary files /dev/null and b/public/assets/images/brand/log-7.jpg differ diff --git a/public/assets/images/brand/log-8.jpg b/public/assets/images/brand/log-8.jpg new file mode 100644 index 0000000..58d584b Binary files /dev/null and b/public/assets/images/brand/log-8.jpg differ diff --git a/public/assets/images/brand/python.jpg b/public/assets/images/brand/python.jpg new file mode 100644 index 0000000..561309d Binary files /dev/null and b/public/assets/images/brand/python.jpg differ diff --git a/public/assets/images/brand/ts.png b/public/assets/images/brand/ts.png new file mode 100644 index 0000000..bf3eaf1 Binary files /dev/null and b/public/assets/images/brand/ts.png differ diff --git a/public/assets/images/category/art-design.svg b/public/assets/images/category/art-design.svg new file mode 100644 index 0000000..007ffe9 --- /dev/null +++ b/public/assets/images/category/art-design.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/public/assets/images/category/data-science.svg b/public/assets/images/category/data-science.svg new file mode 100644 index 0000000..1a07384 --- /dev/null +++ b/public/assets/images/category/data-science.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/public/assets/images/category/health-fitness.svg b/public/assets/images/category/health-fitness.svg new file mode 100644 index 0000000..0230f8b --- /dev/null +++ b/public/assets/images/category/health-fitness.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/public/assets/images/category/laptop.svg b/public/assets/images/category/laptop.svg new file mode 100644 index 0000000..7679c10 --- /dev/null +++ b/public/assets/images/category/laptop.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/images/category/personal-development.svg b/public/assets/images/category/personal-development.svg new file mode 100644 index 0000000..27343b6 --- /dev/null +++ b/public/assets/images/category/personal-development.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/public/assets/images/category/video-photography.svg b/public/assets/images/category/video-photography.svg new file mode 100644 index 0000000..fbb36d2 --- /dev/null +++ b/public/assets/images/category/video-photography.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/public/assets/images/counterup/shape-01.png b/public/assets/images/counterup/shape-01.png new file mode 100644 index 0000000..5e794b1 Binary files /dev/null and b/public/assets/images/counterup/shape-01.png differ diff --git a/public/assets/images/counterup/shape-02.png b/public/assets/images/counterup/shape-02.png new file mode 100644 index 0000000..311a37e Binary files /dev/null and b/public/assets/images/counterup/shape-02.png differ diff --git a/public/assets/images/counterup/shape-03.png b/public/assets/images/counterup/shape-03.png new file mode 100644 index 0000000..4de500d Binary files /dev/null and b/public/assets/images/counterup/shape-03.png differ diff --git a/public/assets/images/counterup/shape-04.png b/public/assets/images/counterup/shape-04.png new file mode 100644 index 0000000..800252a Binary files /dev/null and b/public/assets/images/counterup/shape-04.png differ diff --git a/public/assets/images/counterup/shape-05.png b/public/assets/images/counterup/shape-05.png new file mode 100644 index 0000000..c8c8b4c Binary files /dev/null and b/public/assets/images/counterup/shape-05.png differ diff --git a/public/assets/images/course/.DS_Store b/public/assets/images/course/.DS_Store new file mode 100644 index 0000000..b3c4249 Binary files /dev/null and b/public/assets/images/course/.DS_Store differ diff --git a/public/assets/images/course/course-01/.DS_Store b/public/assets/images/course/course-01/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/public/assets/images/course/course-01/.DS_Store differ diff --git a/public/assets/images/course/course-01/Tittle-02.jpg b/public/assets/images/course/course-01/Tittle-02.jpg new file mode 100644 index 0000000..5045252 Binary files /dev/null and b/public/assets/images/course/course-01/Tittle-02.jpg differ diff --git a/public/assets/images/course/course-01/Tittle-03.jpg b/public/assets/images/course/course-01/Tittle-03.jpg new file mode 100644 index 0000000..834f53f Binary files /dev/null and b/public/assets/images/course/course-01/Tittle-03.jpg differ diff --git a/public/assets/images/course/course-01/Tittle-04.png b/public/assets/images/course/course-01/Tittle-04.png new file mode 100644 index 0000000..a4913e3 Binary files /dev/null and b/public/assets/images/course/course-01/Tittle-04.png differ diff --git a/public/assets/images/course/course-01/Tittle-05.jpg b/public/assets/images/course/course-01/Tittle-05.jpg new file mode 100644 index 0000000..0a111fd Binary files /dev/null and b/public/assets/images/course/course-01/Tittle-05.jpg differ diff --git a/public/assets/images/course/course-01/Tittle-06.jpg b/public/assets/images/course/course-01/Tittle-06.jpg new file mode 100644 index 0000000..e17bec3 Binary files /dev/null and b/public/assets/images/course/course-01/Tittle-06.jpg differ diff --git a/public/assets/images/course/course-01/Tittle-07.webp b/public/assets/images/course/course-01/Tittle-07.webp new file mode 100644 index 0000000..25330c3 Binary files /dev/null and b/public/assets/images/course/course-01/Tittle-07.webp differ diff --git a/public/assets/images/course/course-01/Tittle-08.webp b/public/assets/images/course/course-01/Tittle-08.webp new file mode 100644 index 0000000..79a41c9 Binary files /dev/null and b/public/assets/images/course/course-01/Tittle-08.webp differ diff --git a/public/assets/images/course/course-01/Tittle-09.jpg b/public/assets/images/course/course-01/Tittle-09.jpg new file mode 100644 index 0000000..cfbc9ae Binary files /dev/null and b/public/assets/images/course/course-01/Tittle-09.jpg differ diff --git a/public/assets/images/course/course-01/com-01.jpg b/public/assets/images/course/course-01/com-01.jpg new file mode 100644 index 0000000..6693e26 Binary files /dev/null and b/public/assets/images/course/course-01/com-01.jpg differ diff --git a/public/assets/images/course/course-01/com-02.jpg b/public/assets/images/course/course-01/com-02.jpg new file mode 100644 index 0000000..aa7fad5 Binary files /dev/null and b/public/assets/images/course/course-01/com-02.jpg differ diff --git a/public/assets/images/course/course-01/course-01.jpg b/public/assets/images/course/course-01/course-01.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-01.jpg differ diff --git a/public/assets/images/course/course-01/course-02.jpg b/public/assets/images/course/course-01/course-02.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-02.jpg differ diff --git a/public/assets/images/course/course-01/course-03.jpg b/public/assets/images/course/course-01/course-03.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-03.jpg differ diff --git a/public/assets/images/course/course-01/course-04.jpg b/public/assets/images/course/course-01/course-04.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-04.jpg differ diff --git a/public/assets/images/course/course-01/course-05.jpg b/public/assets/images/course/course-01/course-05.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-05.jpg differ diff --git a/public/assets/images/course/course-01/course-06.jpg b/public/assets/images/course/course-01/course-06.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-06.jpg differ diff --git a/public/assets/images/course/course-01/course-07.jpg b/public/assets/images/course/course-01/course-07.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-07.jpg differ diff --git a/public/assets/images/course/course-01/course-08.jpg b/public/assets/images/course/course-01/course-08.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-08.jpg differ diff --git a/public/assets/images/course/course-01/course-09.jpg b/public/assets/images/course/course-01/course-09.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-09.jpg differ diff --git a/public/assets/images/course/course-01/course-10.jpg b/public/assets/images/course/course-01/course-10.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-10.jpg differ diff --git a/public/assets/images/course/course-01/course-11.jpg b/public/assets/images/course/course-01/course-11.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-11.jpg differ diff --git a/public/assets/images/course/course-01/course-12.jpg b/public/assets/images/course/course-01/course-12.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-12.jpg differ diff --git a/public/assets/images/course/course-01/course-13.jpg b/public/assets/images/course/course-01/course-13.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-13.jpg differ diff --git a/public/assets/images/course/course-01/course-14.jpg b/public/assets/images/course/course-01/course-14.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-14.jpg differ diff --git a/public/assets/images/course/course-01/course-15.jpg b/public/assets/images/course/course-01/course-15.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-15.jpg differ diff --git a/public/assets/images/course/course-01/course-16.jpg b/public/assets/images/course/course-01/course-16.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-16.jpg differ diff --git a/public/assets/images/course/course-01/course-17.jpg b/public/assets/images/course/course-01/course-17.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-17.jpg differ diff --git a/public/assets/images/course/course-01/course-18.jpg b/public/assets/images/course/course-01/course-18.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-18.jpg differ diff --git a/public/assets/images/course/course-01/course-19.jpg b/public/assets/images/course/course-01/course-19.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-19.jpg differ diff --git a/public/assets/images/course/course-01/course-20.jpg b/public/assets/images/course/course-01/course-20.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-20.jpg differ diff --git a/public/assets/images/course/course-01/course-21.jpg b/public/assets/images/course/course-01/course-21.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-21.jpg differ diff --git a/public/assets/images/course/course-01/course-22.jpg b/public/assets/images/course/course-01/course-22.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-22.jpg differ diff --git a/public/assets/images/course/course-01/course-23.jpg b/public/assets/images/course/course-01/course-23.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-23.jpg differ diff --git a/public/assets/images/course/course-01/course-24.jpg b/public/assets/images/course/course-01/course-24.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-24.jpg differ diff --git a/public/assets/images/course/course-01/course-25.jpg b/public/assets/images/course/course-01/course-25.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-25.jpg differ diff --git a/public/assets/images/course/course-01/course-26.jpg b/public/assets/images/course/course-01/course-26.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-26.jpg differ diff --git a/public/assets/images/course/course-01/course-27.jpg b/public/assets/images/course/course-01/course-27.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-27.jpg differ diff --git a/public/assets/images/course/course-01/course-28.jpg b/public/assets/images/course/course-01/course-28.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-28.jpg differ diff --git a/public/assets/images/course/course-01/course-29.jpg b/public/assets/images/course/course-01/course-29.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-29.jpg differ diff --git a/public/assets/images/course/course-01/course-30.jpg b/public/assets/images/course/course-01/course-30.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-30.jpg differ diff --git a/public/assets/images/course/course-01/course-31.jpg b/public/assets/images/course/course-01/course-31.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-31.jpg differ diff --git a/public/assets/images/course/course-01/course-32.jpg b/public/assets/images/course/course-01/course-32.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-32.jpg differ diff --git a/public/assets/images/course/course-01/course-33.jpg b/public/assets/images/course/course-01/course-33.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-33.jpg differ diff --git a/public/assets/images/course/course-01/course-34.jpg b/public/assets/images/course/course-01/course-34.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-34.jpg differ diff --git a/public/assets/images/course/course-01/course-35.jpg b/public/assets/images/course/course-01/course-35.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-35.jpg differ diff --git a/public/assets/images/course/course-01/course-36.jpg b/public/assets/images/course/course-01/course-36.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-36.jpg differ diff --git a/public/assets/images/course/course-01/course-37.jpg b/public/assets/images/course/course-01/course-37.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-37.jpg differ diff --git a/public/assets/images/course/course-01/course-38.jpg b/public/assets/images/course/course-01/course-38.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-38.jpg differ diff --git a/public/assets/images/course/course-01/course-39.jpg b/public/assets/images/course/course-01/course-39.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-39.jpg differ diff --git a/public/assets/images/course/course-01/course-40.jpg b/public/assets/images/course/course-01/course-40.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-40.jpg differ diff --git a/public/assets/images/course/course-01/course-41.jpg b/public/assets/images/course/course-01/course-41.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-41.jpg differ diff --git a/public/assets/images/course/course-01/course-42.jpg b/public/assets/images/course/course-01/course-42.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-42.jpg differ diff --git a/public/assets/images/course/course-01/course-43.jpg b/public/assets/images/course/course-01/course-43.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-43.jpg differ diff --git a/public/assets/images/course/course-01/course-44.jpg b/public/assets/images/course/course-01/course-44.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-44.jpg differ diff --git a/public/assets/images/course/course-01/course-45.jpg b/public/assets/images/course/course-01/course-45.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-45.jpg differ diff --git a/public/assets/images/course/course-01/course-46.jpg b/public/assets/images/course/course-01/course-46.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-46.jpg differ diff --git a/public/assets/images/course/course-01/course-47.jpg b/public/assets/images/course/course-01/course-47.jpg new file mode 100644 index 0000000..435eaf4 Binary files /dev/null and b/public/assets/images/course/course-01/course-47.jpg differ diff --git a/public/assets/images/course/course-01/fullstack-01.webp b/public/assets/images/course/course-01/fullstack-01.webp new file mode 100644 index 0000000..0e92a1e Binary files /dev/null and b/public/assets/images/course/course-01/fullstack-01.webp differ diff --git a/public/assets/images/course/course-01/fullstack-02.png b/public/assets/images/course/course-01/fullstack-02.png new file mode 100644 index 0000000..7adeed2 Binary files /dev/null and b/public/assets/images/course/course-01/fullstack-02.png differ diff --git a/public/assets/images/course/course-01/fullstack-03.webp b/public/assets/images/course/course-01/fullstack-03.webp new file mode 100644 index 0000000..6ea36d5 Binary files /dev/null and b/public/assets/images/course/course-01/fullstack-03.webp differ diff --git a/public/assets/images/course/course-01/fullstack-04.jpg b/public/assets/images/course/course-01/fullstack-04.jpg new file mode 100644 index 0000000..6bd09cf Binary files /dev/null and b/public/assets/images/course/course-01/fullstack-04.jpg differ diff --git a/public/assets/images/course/course-01/fullstack-05.jpg b/public/assets/images/course/course-01/fullstack-05.jpg new file mode 100644 index 0000000..c075a35 Binary files /dev/null and b/public/assets/images/course/course-01/fullstack-05.jpg differ diff --git a/public/assets/images/course/course-01/fullstack-06.jpg b/public/assets/images/course/course-01/fullstack-06.jpg new file mode 100644 index 0000000..4b1e610 Binary files /dev/null and b/public/assets/images/course/course-01/fullstack-06.jpg differ diff --git a/public/assets/images/course/course-01/mobweb-01.jpg b/public/assets/images/course/course-01/mobweb-01.jpg new file mode 100644 index 0000000..f960f2f Binary files /dev/null and b/public/assets/images/course/course-01/mobweb-01.jpg differ diff --git a/public/assets/images/course/course-01/mobweb-02.webp b/public/assets/images/course/course-01/mobweb-02.webp new file mode 100644 index 0000000..a0e1727 Binary files /dev/null and b/public/assets/images/course/course-01/mobweb-02.webp differ diff --git a/public/assets/images/course/course-01/mobweb-03.jpg b/public/assets/images/course/course-01/mobweb-03.jpg new file mode 100644 index 0000000..7315dd5 Binary files /dev/null and b/public/assets/images/course/course-01/mobweb-03.jpg differ diff --git a/public/assets/images/course/course-01/mobweb-04.jpg b/public/assets/images/course/course-01/mobweb-04.jpg new file mode 100644 index 0000000..32dc051 Binary files /dev/null and b/public/assets/images/course/course-01/mobweb-04.jpg differ diff --git a/public/assets/images/course/course-01/mobweb-05.avif b/public/assets/images/course/course-01/mobweb-05.avif new file mode 100644 index 0000000..388f61e Binary files /dev/null and b/public/assets/images/course/course-01/mobweb-05.avif differ diff --git a/public/assets/images/course/course-01/mobweb-06.webp b/public/assets/images/course/course-01/mobweb-06.webp new file mode 100644 index 0000000..dd5eedc Binary files /dev/null and b/public/assets/images/course/course-01/mobweb-06.webp differ diff --git a/public/assets/images/course/course-01/tittle-01.jpg b/public/assets/images/course/course-01/tittle-01.jpg new file mode 100644 index 0000000..0b7d50f Binary files /dev/null and b/public/assets/images/course/course-01/tittle-01.jpg differ diff --git a/public/assets/images/course/course-01/uiux-01.png b/public/assets/images/course/course-01/uiux-01.png new file mode 100644 index 0000000..66f4b50 Binary files /dev/null and b/public/assets/images/course/course-01/uiux-01.png differ diff --git a/public/assets/images/course/course-01/uiux-02.webp b/public/assets/images/course/course-01/uiux-02.webp new file mode 100644 index 0000000..c47722a Binary files /dev/null and b/public/assets/images/course/course-01/uiux-02.webp differ diff --git a/public/assets/images/course/course-01/uiux-03.jpg b/public/assets/images/course/course-01/uiux-03.jpg new file mode 100644 index 0000000..70dd177 Binary files /dev/null and b/public/assets/images/course/course-01/uiux-03.jpg differ diff --git a/public/assets/images/course/course-01/uiux-04.jpg b/public/assets/images/course/course-01/uiux-04.jpg new file mode 100644 index 0000000..9cf6b3f Binary files /dev/null and b/public/assets/images/course/course-01/uiux-04.jpg differ diff --git a/public/assets/images/course/course-01/web-01.jpg b/public/assets/images/course/course-01/web-01.jpg new file mode 100644 index 0000000..6d3f437 Binary files /dev/null and b/public/assets/images/course/course-01/web-01.jpg differ diff --git a/public/assets/images/course/course-01/web-02.webp b/public/assets/images/course/course-01/web-02.webp new file mode 100644 index 0000000..8c7c9a3 Binary files /dev/null and b/public/assets/images/course/course-01/web-02.webp differ diff --git a/public/assets/images/course/course-01/web-03.jpg b/public/assets/images/course/course-01/web-03.jpg new file mode 100644 index 0000000..2f24cda Binary files /dev/null and b/public/assets/images/course/course-01/web-03.jpg differ diff --git a/public/assets/images/course/course-01/web-04.jpg b/public/assets/images/course/course-01/web-04.jpg new file mode 100644 index 0000000..bcb015b Binary files /dev/null and b/public/assets/images/course/course-01/web-04.jpg differ diff --git a/public/assets/images/course/course-01/web-05.jpg b/public/assets/images/course/course-01/web-05.jpg new file mode 100644 index 0000000..90ee871 Binary files /dev/null and b/public/assets/images/course/course-01/web-05.jpg differ diff --git a/public/assets/images/course/course-01/web-06.jpg b/public/assets/images/course/course-01/web-06.jpg new file mode 100644 index 0000000..56d54f8 Binary files /dev/null and b/public/assets/images/course/course-01/web-06.jpg differ diff --git a/public/assets/images/course/course-02/.DS_Store b/public/assets/images/course/course-02/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/public/assets/images/course/course-02/.DS_Store differ diff --git a/public/assets/images/course/course-02/course-01.jpg b/public/assets/images/course/course-02/course-01.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-01.jpg differ diff --git a/public/assets/images/course/course-02/course-02.jpg b/public/assets/images/course/course-02/course-02.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-02.jpg differ diff --git a/public/assets/images/course/course-02/course-03.jpg b/public/assets/images/course/course-02/course-03.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-03.jpg differ diff --git a/public/assets/images/course/course-02/course-04.jpg b/public/assets/images/course/course-02/course-04.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-04.jpg differ diff --git a/public/assets/images/course/course-02/course-05.jpg b/public/assets/images/course/course-02/course-05.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-05.jpg differ diff --git a/public/assets/images/course/course-02/course-06.jpg b/public/assets/images/course/course-02/course-06.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-06.jpg differ diff --git a/public/assets/images/course/course-02/course-07.jpg b/public/assets/images/course/course-02/course-07.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-07.jpg differ diff --git a/public/assets/images/course/course-02/course-08.jpg b/public/assets/images/course/course-02/course-08.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-08.jpg differ diff --git a/public/assets/images/course/course-02/course-09.jpg b/public/assets/images/course/course-02/course-09.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-09.jpg differ diff --git a/public/assets/images/course/course-02/course-10.jpg b/public/assets/images/course/course-02/course-10.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-10.jpg differ diff --git a/public/assets/images/course/course-02/course-11.jpg b/public/assets/images/course/course-02/course-11.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-11.jpg differ diff --git a/public/assets/images/course/course-02/course-12.jpg b/public/assets/images/course/course-02/course-12.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-12.jpg differ diff --git a/public/assets/images/course/course-02/course-13.jpg b/public/assets/images/course/course-02/course-13.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-13.jpg differ diff --git a/public/assets/images/course/course-02/course-14.jpg b/public/assets/images/course/course-02/course-14.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-14.jpg differ diff --git a/public/assets/images/course/course-02/course-15.jpg b/public/assets/images/course/course-02/course-15.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-15.jpg differ diff --git a/public/assets/images/course/course-02/course-16.jpg b/public/assets/images/course/course-02/course-16.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-16.jpg differ diff --git a/public/assets/images/course/course-02/course-17.jpg b/public/assets/images/course/course-02/course-17.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-17.jpg differ diff --git a/public/assets/images/course/course-02/course-18.jpg b/public/assets/images/course/course-02/course-18.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-18.jpg differ diff --git a/public/assets/images/course/course-02/course-19.jpg b/public/assets/images/course/course-02/course-19.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-19.jpg differ diff --git a/public/assets/images/course/course-02/course-20.jpg b/public/assets/images/course/course-02/course-20.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-20.jpg differ diff --git a/public/assets/images/course/course-02/course-21.jpg b/public/assets/images/course/course-02/course-21.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-21.jpg differ diff --git a/public/assets/images/course/course-02/course-22.jpg b/public/assets/images/course/course-02/course-22.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-22.jpg differ diff --git a/public/assets/images/course/course-02/course-23.jpg b/public/assets/images/course/course-02/course-23.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-23.jpg differ diff --git a/public/assets/images/course/course-02/course-24.jpg b/public/assets/images/course/course-02/course-24.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-24.jpg differ diff --git a/public/assets/images/course/course-02/course-25.jpg b/public/assets/images/course/course-02/course-25.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-25.jpg differ diff --git a/public/assets/images/course/course-02/course-26.jpg b/public/assets/images/course/course-02/course-26.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-26.jpg differ diff --git a/public/assets/images/course/course-02/course-27.jpg b/public/assets/images/course/course-02/course-27.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-27.jpg differ diff --git a/public/assets/images/course/course-02/course-28.jpg b/public/assets/images/course/course-02/course-28.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-28.jpg differ diff --git a/public/assets/images/course/course-02/course-29.jpg b/public/assets/images/course/course-02/course-29.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-29.jpg differ diff --git a/public/assets/images/course/course-02/course-30.jpg b/public/assets/images/course/course-02/course-30.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-30.jpg differ diff --git a/public/assets/images/course/course-02/course-31.jpg b/public/assets/images/course/course-02/course-31.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-31.jpg differ diff --git a/public/assets/images/course/course-02/course-32.jpg b/public/assets/images/course/course-02/course-32.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-32.jpg differ diff --git a/public/assets/images/course/course-02/course-33.jpg b/public/assets/images/course/course-02/course-33.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-33.jpg differ diff --git a/public/assets/images/course/course-02/course-34.jpg b/public/assets/images/course/course-02/course-34.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-34.jpg differ diff --git a/public/assets/images/course/course-02/course-35.jpg b/public/assets/images/course/course-02/course-35.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-35.jpg differ diff --git a/public/assets/images/course/course-02/course-36.jpg b/public/assets/images/course/course-02/course-36.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-36.jpg differ diff --git a/public/assets/images/course/course-02/course-37.jpg b/public/assets/images/course/course-02/course-37.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-37.jpg differ diff --git a/public/assets/images/course/course-02/course-38.jpg b/public/assets/images/course/course-02/course-38.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-38.jpg differ diff --git a/public/assets/images/course/course-02/course-39.jpg b/public/assets/images/course/course-02/course-39.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-39.jpg differ diff --git a/public/assets/images/course/course-02/course-40.jpg b/public/assets/images/course/course-02/course-40.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-40.jpg differ diff --git a/public/assets/images/course/course-02/course-41.jpg b/public/assets/images/course/course-02/course-41.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-41.jpg differ diff --git a/public/assets/images/course/course-02/course-42.jpg b/public/assets/images/course/course-02/course-42.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-42.jpg differ diff --git a/public/assets/images/course/course-02/course-43.jpg b/public/assets/images/course/course-02/course-43.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-43.jpg differ diff --git a/public/assets/images/course/course-02/course-44.jpg b/public/assets/images/course/course-02/course-44.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-44.jpg differ diff --git a/public/assets/images/course/course-02/course-45.jpg b/public/assets/images/course/course-02/course-45.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-45.jpg differ diff --git a/public/assets/images/course/course-02/course-46.jpg b/public/assets/images/course/course-02/course-46.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-46.jpg differ diff --git a/public/assets/images/course/course-02/course-47.jpg b/public/assets/images/course/course-02/course-47.jpg new file mode 100644 index 0000000..947bc57 Binary files /dev/null and b/public/assets/images/course/course-02/course-47.jpg differ diff --git a/public/assets/images/course/course-03/.DS_Store b/public/assets/images/course/course-03/.DS_Store new file mode 100644 index 0000000..40d165c Binary files /dev/null and b/public/assets/images/course/course-03/.DS_Store differ diff --git a/public/assets/images/course/course-03/Tittle-01.jpg b/public/assets/images/course/course-03/Tittle-01.jpg new file mode 100644 index 0000000..7457bd7 Binary files /dev/null and b/public/assets/images/course/course-03/Tittle-01.jpg differ diff --git a/public/assets/images/course/course-03/Tittle-02.jpg b/public/assets/images/course/course-03/Tittle-02.jpg new file mode 100644 index 0000000..0cc7183 Binary files /dev/null and b/public/assets/images/course/course-03/Tittle-02.jpg differ diff --git a/public/assets/images/course/course-03/Tittle-03.jpg b/public/assets/images/course/course-03/Tittle-03.jpg new file mode 100644 index 0000000..1ed8c83 Binary files /dev/null and b/public/assets/images/course/course-03/Tittle-03.jpg differ diff --git a/public/assets/images/course/course-03/Tittle-04.png b/public/assets/images/course/course-03/Tittle-04.png new file mode 100644 index 0000000..0557ea7 Binary files /dev/null and b/public/assets/images/course/course-03/Tittle-04.png differ diff --git a/public/assets/images/course/course-03/course-01.jpg b/public/assets/images/course/course-03/course-01.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-01.jpg differ diff --git a/public/assets/images/course/course-03/course-02.jpg b/public/assets/images/course/course-03/course-02.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-02.jpg differ diff --git a/public/assets/images/course/course-03/course-03.jpg b/public/assets/images/course/course-03/course-03.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-03.jpg differ diff --git a/public/assets/images/course/course-03/course-04.jpg b/public/assets/images/course/course-03/course-04.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-04.jpg differ diff --git a/public/assets/images/course/course-03/course-05.jpg b/public/assets/images/course/course-03/course-05.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-05.jpg differ diff --git a/public/assets/images/course/course-03/course-06.jpg b/public/assets/images/course/course-03/course-06.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-06.jpg differ diff --git a/public/assets/images/course/course-03/course-07.jpg b/public/assets/images/course/course-03/course-07.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-07.jpg differ diff --git a/public/assets/images/course/course-03/course-08.jpg b/public/assets/images/course/course-03/course-08.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-08.jpg differ diff --git a/public/assets/images/course/course-03/course-09.jpg b/public/assets/images/course/course-03/course-09.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-09.jpg differ diff --git a/public/assets/images/course/course-03/course-10.jpg b/public/assets/images/course/course-03/course-10.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-10.jpg differ diff --git a/public/assets/images/course/course-03/course-11.jpg b/public/assets/images/course/course-03/course-11.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-11.jpg differ diff --git a/public/assets/images/course/course-03/course-12.jpg b/public/assets/images/course/course-03/course-12.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-12.jpg differ diff --git a/public/assets/images/course/course-03/course-13.jpg b/public/assets/images/course/course-03/course-13.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-13.jpg differ diff --git a/public/assets/images/course/course-03/course-14.jpg b/public/assets/images/course/course-03/course-14.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-14.jpg differ diff --git a/public/assets/images/course/course-03/course-15.jpg b/public/assets/images/course/course-03/course-15.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-15.jpg differ diff --git a/public/assets/images/course/course-03/course-16.jpg b/public/assets/images/course/course-03/course-16.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-16.jpg differ diff --git a/public/assets/images/course/course-03/course-17.jpg b/public/assets/images/course/course-03/course-17.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-17.jpg differ diff --git a/public/assets/images/course/course-03/course-18.jpg b/public/assets/images/course/course-03/course-18.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-18.jpg differ diff --git a/public/assets/images/course/course-03/course-19.jpg b/public/assets/images/course/course-03/course-19.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-19.jpg differ diff --git a/public/assets/images/course/course-03/course-20.jpg b/public/assets/images/course/course-03/course-20.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-20.jpg differ diff --git a/public/assets/images/course/course-03/course-21.jpg b/public/assets/images/course/course-03/course-21.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-21.jpg differ diff --git a/public/assets/images/course/course-03/course-22.jpg b/public/assets/images/course/course-03/course-22.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-22.jpg differ diff --git a/public/assets/images/course/course-03/course-23.jpg b/public/assets/images/course/course-03/course-23.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-23.jpg differ diff --git a/public/assets/images/course/course-03/course-24.jpg b/public/assets/images/course/course-03/course-24.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-24.jpg differ diff --git a/public/assets/images/course/course-03/course-25.jpg b/public/assets/images/course/course-03/course-25.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-25.jpg differ diff --git a/public/assets/images/course/course-03/course-26.jpg b/public/assets/images/course/course-03/course-26.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-26.jpg differ diff --git a/public/assets/images/course/course-03/course-27.jpg b/public/assets/images/course/course-03/course-27.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-27.jpg differ diff --git a/public/assets/images/course/course-03/course-28.jpg b/public/assets/images/course/course-03/course-28.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-28.jpg differ diff --git a/public/assets/images/course/course-03/course-29.jpg b/public/assets/images/course/course-03/course-29.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-29.jpg differ diff --git a/public/assets/images/course/course-03/course-30.jpg b/public/assets/images/course/course-03/course-30.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-30.jpg differ diff --git a/public/assets/images/course/course-03/course-31.jpg b/public/assets/images/course/course-03/course-31.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-31.jpg differ diff --git a/public/assets/images/course/course-03/course-32.jpg b/public/assets/images/course/course-03/course-32.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-32.jpg differ diff --git a/public/assets/images/course/course-03/course-33.jpg b/public/assets/images/course/course-03/course-33.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-33.jpg differ diff --git a/public/assets/images/course/course-03/course-34.jpg b/public/assets/images/course/course-03/course-34.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-34.jpg differ diff --git a/public/assets/images/course/course-03/course-35.jpg b/public/assets/images/course/course-03/course-35.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-35.jpg differ diff --git a/public/assets/images/course/course-03/course-36.jpg b/public/assets/images/course/course-03/course-36.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-36.jpg differ diff --git a/public/assets/images/course/course-03/course-37.jpg b/public/assets/images/course/course-03/course-37.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-37.jpg differ diff --git a/public/assets/images/course/course-03/course-38.jpg b/public/assets/images/course/course-03/course-38.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-38.jpg differ diff --git a/public/assets/images/course/course-03/course-39.jpg b/public/assets/images/course/course-03/course-39.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-39.jpg differ diff --git a/public/assets/images/course/course-03/course-40.jpg b/public/assets/images/course/course-03/course-40.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-40.jpg differ diff --git a/public/assets/images/course/course-03/course-41.jpg b/public/assets/images/course/course-03/course-41.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-41.jpg differ diff --git a/public/assets/images/course/course-03/course-42.jpg b/public/assets/images/course/course-03/course-42.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-42.jpg differ diff --git a/public/assets/images/course/course-03/course-43.jpg b/public/assets/images/course/course-03/course-43.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-43.jpg differ diff --git a/public/assets/images/course/course-03/course-44.jpg b/public/assets/images/course/course-03/course-44.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-44.jpg differ diff --git a/public/assets/images/course/course-03/course-45.jpg b/public/assets/images/course/course-03/course-45.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-45.jpg differ diff --git a/public/assets/images/course/course-03/course-46.jpg b/public/assets/images/course/course-03/course-46.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-46.jpg differ diff --git a/public/assets/images/course/course-03/course-47.jpg b/public/assets/images/course/course-03/course-47.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-03/course-47.jpg differ diff --git a/public/assets/images/course/course-04/.DS_Store b/public/assets/images/course/course-04/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/public/assets/images/course/course-04/.DS_Store differ diff --git a/public/assets/images/course/course-04/course-01.jpg b/public/assets/images/course/course-04/course-01.jpg new file mode 100644 index 0000000..9f5cb15 Binary files /dev/null and b/public/assets/images/course/course-04/course-01.jpg differ diff --git a/public/assets/images/course/course-04/course-02.jpg b/public/assets/images/course/course-04/course-02.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-02.jpg differ diff --git a/public/assets/images/course/course-04/course-03.jpg b/public/assets/images/course/course-04/course-03.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-03.jpg differ diff --git a/public/assets/images/course/course-04/course-04.jpg b/public/assets/images/course/course-04/course-04.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-04.jpg differ diff --git a/public/assets/images/course/course-04/course-05.jpg b/public/assets/images/course/course-04/course-05.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-05.jpg differ diff --git a/public/assets/images/course/course-04/course-06.jpg b/public/assets/images/course/course-04/course-06.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-06.jpg differ diff --git a/public/assets/images/course/course-04/course-07.jpg b/public/assets/images/course/course-04/course-07.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-07.jpg differ diff --git a/public/assets/images/course/course-04/course-08.jpg b/public/assets/images/course/course-04/course-08.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-08.jpg differ diff --git a/public/assets/images/course/course-04/course-09.jpg b/public/assets/images/course/course-04/course-09.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-09.jpg differ diff --git a/public/assets/images/course/course-04/course-10.jpg b/public/assets/images/course/course-04/course-10.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-10.jpg differ diff --git a/public/assets/images/course/course-04/course-11.jpg b/public/assets/images/course/course-04/course-11.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-11.jpg differ diff --git a/public/assets/images/course/course-04/course-12.jpg b/public/assets/images/course/course-04/course-12.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-12.jpg differ diff --git a/public/assets/images/course/course-04/course-13.jpg b/public/assets/images/course/course-04/course-13.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-13.jpg differ diff --git a/public/assets/images/course/course-04/course-14.jpg b/public/assets/images/course/course-04/course-14.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-14.jpg differ diff --git a/public/assets/images/course/course-04/course-15.jpg b/public/assets/images/course/course-04/course-15.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-15.jpg differ diff --git a/public/assets/images/course/course-04/course-16.jpg b/public/assets/images/course/course-04/course-16.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-16.jpg differ diff --git a/public/assets/images/course/course-04/course-17.jpg b/public/assets/images/course/course-04/course-17.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-17.jpg differ diff --git a/public/assets/images/course/course-04/course-18.jpg b/public/assets/images/course/course-04/course-18.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-18.jpg differ diff --git a/public/assets/images/course/course-04/course-19.jpg b/public/assets/images/course/course-04/course-19.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-19.jpg differ diff --git a/public/assets/images/course/course-04/course-20.jpg b/public/assets/images/course/course-04/course-20.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-20.jpg differ diff --git a/public/assets/images/course/course-04/course-21.jpg b/public/assets/images/course/course-04/course-21.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-21.jpg differ diff --git a/public/assets/images/course/course-04/course-22.jpg b/public/assets/images/course/course-04/course-22.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-22.jpg differ diff --git a/public/assets/images/course/course-04/course-23.jpg b/public/assets/images/course/course-04/course-23.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-23.jpg differ diff --git a/public/assets/images/course/course-04/course-24.jpg b/public/assets/images/course/course-04/course-24.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-24.jpg differ diff --git a/public/assets/images/course/course-04/course-25.jpg b/public/assets/images/course/course-04/course-25.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-25.jpg differ diff --git a/public/assets/images/course/course-04/course-26.jpg b/public/assets/images/course/course-04/course-26.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-26.jpg differ diff --git a/public/assets/images/course/course-04/course-27.jpg b/public/assets/images/course/course-04/course-27.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-27.jpg differ diff --git a/public/assets/images/course/course-04/course-28.jpg b/public/assets/images/course/course-04/course-28.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-28.jpg differ diff --git a/public/assets/images/course/course-04/course-29.jpg b/public/assets/images/course/course-04/course-29.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-29.jpg differ diff --git a/public/assets/images/course/course-04/course-30.jpg b/public/assets/images/course/course-04/course-30.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-30.jpg differ diff --git a/public/assets/images/course/course-04/course-31.jpg b/public/assets/images/course/course-04/course-31.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-31.jpg differ diff --git a/public/assets/images/course/course-04/course-32.jpg b/public/assets/images/course/course-04/course-32.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-32.jpg differ diff --git a/public/assets/images/course/course-04/course-33.jpg b/public/assets/images/course/course-04/course-33.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-33.jpg differ diff --git a/public/assets/images/course/course-04/course-34.jpg b/public/assets/images/course/course-04/course-34.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-34.jpg differ diff --git a/public/assets/images/course/course-04/course-35.jpg b/public/assets/images/course/course-04/course-35.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-35.jpg differ diff --git a/public/assets/images/course/course-04/course-36.jpg b/public/assets/images/course/course-04/course-36.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-36.jpg differ diff --git a/public/assets/images/course/course-04/course-37.jpg b/public/assets/images/course/course-04/course-37.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-37.jpg differ diff --git a/public/assets/images/course/course-04/course-38.jpg b/public/assets/images/course/course-04/course-38.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-38.jpg differ diff --git a/public/assets/images/course/course-04/course-39.jpg b/public/assets/images/course/course-04/course-39.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-39.jpg differ diff --git a/public/assets/images/course/course-04/course-40.jpg b/public/assets/images/course/course-04/course-40.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-40.jpg differ diff --git a/public/assets/images/course/course-04/course-41.jpg b/public/assets/images/course/course-04/course-41.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-41.jpg differ diff --git a/public/assets/images/course/course-04/course-42.jpg b/public/assets/images/course/course-04/course-42.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-42.jpg differ diff --git a/public/assets/images/course/course-04/course-43.jpg b/public/assets/images/course/course-04/course-43.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-43.jpg differ diff --git a/public/assets/images/course/course-04/course-44.jpg b/public/assets/images/course/course-04/course-44.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-44.jpg differ diff --git a/public/assets/images/course/course-04/course-45.jpg b/public/assets/images/course/course-04/course-45.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-45.jpg differ diff --git a/public/assets/images/course/course-04/course-46.jpg b/public/assets/images/course/course-04/course-46.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-46.jpg differ diff --git a/public/assets/images/course/course-04/course-47.jpg b/public/assets/images/course/course-04/course-47.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/course/course-04/course-47.jpg differ diff --git a/public/assets/images/course/course-04/fullstack-01.webp b/public/assets/images/course/course-04/fullstack-01.webp new file mode 100644 index 0000000..0e92a1e Binary files /dev/null and b/public/assets/images/course/course-04/fullstack-01.webp differ diff --git a/public/assets/images/course/course-04/fullstack-02.png b/public/assets/images/course/course-04/fullstack-02.png new file mode 100644 index 0000000..7adeed2 Binary files /dev/null and b/public/assets/images/course/course-04/fullstack-02.png differ diff --git a/public/assets/images/course/course-04/fullstack-03.webp b/public/assets/images/course/course-04/fullstack-03.webp new file mode 100644 index 0000000..6ea36d5 Binary files /dev/null and b/public/assets/images/course/course-04/fullstack-03.webp differ diff --git a/public/assets/images/course/course-04/fullstack-04.jpg b/public/assets/images/course/course-04/fullstack-04.jpg new file mode 100644 index 0000000..6bd09cf Binary files /dev/null and b/public/assets/images/course/course-04/fullstack-04.jpg differ diff --git a/public/assets/images/course/course-04/fullstack-05.jpg b/public/assets/images/course/course-04/fullstack-05.jpg new file mode 100644 index 0000000..c075a35 Binary files /dev/null and b/public/assets/images/course/course-04/fullstack-05.jpg differ diff --git a/public/assets/images/course/course-04/fullstack-06.jpg b/public/assets/images/course/course-04/fullstack-06.jpg new file mode 100644 index 0000000..4b1e610 Binary files /dev/null and b/public/assets/images/course/course-04/fullstack-06.jpg differ diff --git a/public/assets/images/course/course-04/mob-02.jpg b/public/assets/images/course/course-04/mob-02.jpg new file mode 100644 index 0000000..3b582db Binary files /dev/null and b/public/assets/images/course/course-04/mob-02.jpg differ diff --git a/public/assets/images/course/course-04/mob-03.jpg b/public/assets/images/course/course-04/mob-03.jpg new file mode 100644 index 0000000..b2fd702 Binary files /dev/null and b/public/assets/images/course/course-04/mob-03.jpg differ diff --git a/public/assets/images/course/course-04/mob-05.jpg b/public/assets/images/course/course-04/mob-05.jpg new file mode 100644 index 0000000..44cae06 Binary files /dev/null and b/public/assets/images/course/course-04/mob-05.jpg differ diff --git a/public/assets/images/course/course-04/mob-06.jpg b/public/assets/images/course/course-04/mob-06.jpg new file mode 100644 index 0000000..6e890c4 Binary files /dev/null and b/public/assets/images/course/course-04/mob-06.jpg differ diff --git a/public/assets/images/course/course-04/mobweb-01.jpg b/public/assets/images/course/course-04/mobweb-01.jpg new file mode 100644 index 0000000..d6a8be7 Binary files /dev/null and b/public/assets/images/course/course-04/mobweb-01.jpg differ diff --git a/public/assets/images/course/course-04/mobweb-02.webp b/public/assets/images/course/course-04/mobweb-02.webp new file mode 100644 index 0000000..a0e1727 Binary files /dev/null and b/public/assets/images/course/course-04/mobweb-02.webp differ diff --git a/public/assets/images/course/course-04/mobweb-03.jpg b/public/assets/images/course/course-04/mobweb-03.jpg new file mode 100644 index 0000000..7315dd5 Binary files /dev/null and b/public/assets/images/course/course-04/mobweb-03.jpg differ diff --git a/public/assets/images/course/course-04/mobweb-04.jpg b/public/assets/images/course/course-04/mobweb-04.jpg new file mode 100644 index 0000000..32dc051 Binary files /dev/null and b/public/assets/images/course/course-04/mobweb-04.jpg differ diff --git a/public/assets/images/course/course-04/mobweb-05.avif b/public/assets/images/course/course-04/mobweb-05.avif new file mode 100644 index 0000000..388f61e Binary files /dev/null and b/public/assets/images/course/course-04/mobweb-05.avif differ diff --git a/public/assets/images/course/course-04/mobweb-06.webp b/public/assets/images/course/course-04/mobweb-06.webp new file mode 100644 index 0000000..dd5eedc Binary files /dev/null and b/public/assets/images/course/course-04/mobweb-06.webp differ diff --git a/public/assets/images/course/course-04/web-01.jpg b/public/assets/images/course/course-04/web-01.jpg new file mode 100644 index 0000000..6d3f437 Binary files /dev/null and b/public/assets/images/course/course-04/web-01.jpg differ diff --git a/public/assets/images/course/course-04/web-02.webp b/public/assets/images/course/course-04/web-02.webp new file mode 100644 index 0000000..8c7c9a3 Binary files /dev/null and b/public/assets/images/course/course-04/web-02.webp differ diff --git a/public/assets/images/course/course-04/web-03.jpg b/public/assets/images/course/course-04/web-03.jpg new file mode 100644 index 0000000..2f24cda Binary files /dev/null and b/public/assets/images/course/course-04/web-03.jpg differ diff --git a/public/assets/images/course/course-04/web-04.jpg b/public/assets/images/course/course-04/web-04.jpg new file mode 100644 index 0000000..bcb015b Binary files /dev/null and b/public/assets/images/course/course-04/web-04.jpg differ diff --git a/public/assets/images/course/course-04/web-05.jpg b/public/assets/images/course/course-04/web-05.jpg new file mode 100644 index 0000000..90ee871 Binary files /dev/null and b/public/assets/images/course/course-04/web-05.jpg differ diff --git a/public/assets/images/course/course-05/.DS_Store b/public/assets/images/course/course-05/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/public/assets/images/course/course-05/.DS_Store differ diff --git a/public/assets/images/course/course-05/course-01.jpg b/public/assets/images/course/course-05/course-01.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-01.jpg differ diff --git a/public/assets/images/course/course-05/course-02.jpg b/public/assets/images/course/course-05/course-02.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-02.jpg differ diff --git a/public/assets/images/course/course-05/course-03.jpg b/public/assets/images/course/course-05/course-03.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-03.jpg differ diff --git a/public/assets/images/course/course-05/course-04.jpg b/public/assets/images/course/course-05/course-04.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-04.jpg differ diff --git a/public/assets/images/course/course-05/course-05.jpg b/public/assets/images/course/course-05/course-05.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-05.jpg differ diff --git a/public/assets/images/course/course-05/course-06.jpg b/public/assets/images/course/course-05/course-06.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-06.jpg differ diff --git a/public/assets/images/course/course-05/course-07.jpg b/public/assets/images/course/course-05/course-07.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-07.jpg differ diff --git a/public/assets/images/course/course-05/course-08.jpg b/public/assets/images/course/course-05/course-08.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-08.jpg differ diff --git a/public/assets/images/course/course-05/course-09.jpg b/public/assets/images/course/course-05/course-09.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-09.jpg differ diff --git a/public/assets/images/course/course-05/course-10.jpg b/public/assets/images/course/course-05/course-10.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-10.jpg differ diff --git a/public/assets/images/course/course-05/course-11.jpg b/public/assets/images/course/course-05/course-11.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-11.jpg differ diff --git a/public/assets/images/course/course-05/course-12.jpg b/public/assets/images/course/course-05/course-12.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-12.jpg differ diff --git a/public/assets/images/course/course-05/course-13.jpg b/public/assets/images/course/course-05/course-13.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-13.jpg differ diff --git a/public/assets/images/course/course-05/course-14.jpg b/public/assets/images/course/course-05/course-14.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-14.jpg differ diff --git a/public/assets/images/course/course-05/course-15.jpg b/public/assets/images/course/course-05/course-15.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-15.jpg differ diff --git a/public/assets/images/course/course-05/course-16.jpg b/public/assets/images/course/course-05/course-16.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-16.jpg differ diff --git a/public/assets/images/course/course-05/course-17.jpg b/public/assets/images/course/course-05/course-17.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-17.jpg differ diff --git a/public/assets/images/course/course-05/course-18.jpg b/public/assets/images/course/course-05/course-18.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-18.jpg differ diff --git a/public/assets/images/course/course-05/course-19.jpg b/public/assets/images/course/course-05/course-19.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-19.jpg differ diff --git a/public/assets/images/course/course-05/course-20.jpg b/public/assets/images/course/course-05/course-20.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-20.jpg differ diff --git a/public/assets/images/course/course-05/course-21.jpg b/public/assets/images/course/course-05/course-21.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-21.jpg differ diff --git a/public/assets/images/course/course-05/course-22.jpg b/public/assets/images/course/course-05/course-22.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-22.jpg differ diff --git a/public/assets/images/course/course-05/course-23.jpg b/public/assets/images/course/course-05/course-23.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-23.jpg differ diff --git a/public/assets/images/course/course-05/course-24.jpg b/public/assets/images/course/course-05/course-24.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-24.jpg differ diff --git a/public/assets/images/course/course-05/course-25.jpg b/public/assets/images/course/course-05/course-25.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-25.jpg differ diff --git a/public/assets/images/course/course-05/course-26.jpg b/public/assets/images/course/course-05/course-26.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-26.jpg differ diff --git a/public/assets/images/course/course-05/course-27.jpg b/public/assets/images/course/course-05/course-27.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-27.jpg differ diff --git a/public/assets/images/course/course-05/course-28.jpg b/public/assets/images/course/course-05/course-28.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-28.jpg differ diff --git a/public/assets/images/course/course-05/course-29.jpg b/public/assets/images/course/course-05/course-29.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-29.jpg differ diff --git a/public/assets/images/course/course-05/course-30.jpg b/public/assets/images/course/course-05/course-30.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-30.jpg differ diff --git a/public/assets/images/course/course-05/course-31.jpg b/public/assets/images/course/course-05/course-31.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-31.jpg differ diff --git a/public/assets/images/course/course-05/course-32.jpg b/public/assets/images/course/course-05/course-32.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-32.jpg differ diff --git a/public/assets/images/course/course-05/course-33.jpg b/public/assets/images/course/course-05/course-33.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-33.jpg differ diff --git a/public/assets/images/course/course-05/course-34.jpg b/public/assets/images/course/course-05/course-34.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-34.jpg differ diff --git a/public/assets/images/course/course-05/course-35.jpg b/public/assets/images/course/course-05/course-35.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-35.jpg differ diff --git a/public/assets/images/course/course-05/course-36.jpg b/public/assets/images/course/course-05/course-36.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-36.jpg differ diff --git a/public/assets/images/course/course-05/course-37.jpg b/public/assets/images/course/course-05/course-37.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-37.jpg differ diff --git a/public/assets/images/course/course-05/course-38.jpg b/public/assets/images/course/course-05/course-38.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-38.jpg differ diff --git a/public/assets/images/course/course-05/course-39.jpg b/public/assets/images/course/course-05/course-39.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-39.jpg differ diff --git a/public/assets/images/course/course-05/course-40.jpg b/public/assets/images/course/course-05/course-40.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-40.jpg differ diff --git a/public/assets/images/course/course-05/course-41.jpg b/public/assets/images/course/course-05/course-41.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-41.jpg differ diff --git a/public/assets/images/course/course-05/course-42.jpg b/public/assets/images/course/course-05/course-42.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-42.jpg differ diff --git a/public/assets/images/course/course-05/course-43.jpg b/public/assets/images/course/course-05/course-43.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-43.jpg differ diff --git a/public/assets/images/course/course-05/course-44.jpg b/public/assets/images/course/course-05/course-44.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-44.jpg differ diff --git a/public/assets/images/course/course-05/course-45.jpg b/public/assets/images/course/course-05/course-45.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-45.jpg differ diff --git a/public/assets/images/course/course-05/course-46.jpg b/public/assets/images/course/course-05/course-46.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-46.jpg differ diff --git a/public/assets/images/course/course-05/course-47.jpg b/public/assets/images/course/course-05/course-47.jpg new file mode 100644 index 0000000..b604a51 Binary files /dev/null and b/public/assets/images/course/course-05/course-47.jpg differ diff --git a/public/assets/images/course/course-05/fullstack-06.jpg b/public/assets/images/course/course-05/fullstack-06.jpg new file mode 100644 index 0000000..7e760d8 Binary files /dev/null and b/public/assets/images/course/course-05/fullstack-06.jpg differ diff --git a/public/assets/images/course/course-05/uiux-01.png b/public/assets/images/course/course-05/uiux-01.png new file mode 100644 index 0000000..792f4dc Binary files /dev/null and b/public/assets/images/course/course-05/uiux-01.png differ diff --git a/public/assets/images/course/course-05/uiux-02.webp b/public/assets/images/course/course-05/uiux-02.webp new file mode 100644 index 0000000..2330779 Binary files /dev/null and b/public/assets/images/course/course-05/uiux-02.webp differ diff --git a/public/assets/images/course/course-05/uiux-03.jpg b/public/assets/images/course/course-05/uiux-03.jpg new file mode 100644 index 0000000..c7fdacc Binary files /dev/null and b/public/assets/images/course/course-05/uiux-03.jpg differ diff --git a/public/assets/images/course/course-05/uiux-04.jpg b/public/assets/images/course/course-05/uiux-04.jpg new file mode 100644 index 0000000..2305f11 Binary files /dev/null and b/public/assets/images/course/course-05/uiux-04.jpg differ diff --git a/public/assets/images/course/course-06/.DS_Store b/public/assets/images/course/course-06/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/public/assets/images/course/course-06/.DS_Store differ diff --git a/public/assets/images/course/course-06/course-01.jpg b/public/assets/images/course/course-06/course-01.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-01.jpg differ diff --git a/public/assets/images/course/course-06/course-02.jpg b/public/assets/images/course/course-06/course-02.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-02.jpg differ diff --git a/public/assets/images/course/course-06/course-03.jpg b/public/assets/images/course/course-06/course-03.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-03.jpg differ diff --git a/public/assets/images/course/course-06/course-04.jpg b/public/assets/images/course/course-06/course-04.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-04.jpg differ diff --git a/public/assets/images/course/course-06/course-05.jpg b/public/assets/images/course/course-06/course-05.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-05.jpg differ diff --git a/public/assets/images/course/course-06/course-06.jpg b/public/assets/images/course/course-06/course-06.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-06.jpg differ diff --git a/public/assets/images/course/course-06/course-07.jpg b/public/assets/images/course/course-06/course-07.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-07.jpg differ diff --git a/public/assets/images/course/course-06/course-08.jpg b/public/assets/images/course/course-06/course-08.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-08.jpg differ diff --git a/public/assets/images/course/course-06/course-09.jpg b/public/assets/images/course/course-06/course-09.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-09.jpg differ diff --git a/public/assets/images/course/course-06/course-10.jpg b/public/assets/images/course/course-06/course-10.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-10.jpg differ diff --git a/public/assets/images/course/course-06/course-11.jpg b/public/assets/images/course/course-06/course-11.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-11.jpg differ diff --git a/public/assets/images/course/course-06/course-12.jpg b/public/assets/images/course/course-06/course-12.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-12.jpg differ diff --git a/public/assets/images/course/course-06/course-13.jpg b/public/assets/images/course/course-06/course-13.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-13.jpg differ diff --git a/public/assets/images/course/course-06/course-14.jpg b/public/assets/images/course/course-06/course-14.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-14.jpg differ diff --git a/public/assets/images/course/course-06/course-15.jpg b/public/assets/images/course/course-06/course-15.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-15.jpg differ diff --git a/public/assets/images/course/course-06/course-16.jpg b/public/assets/images/course/course-06/course-16.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-16.jpg differ diff --git a/public/assets/images/course/course-06/course-17.jpg b/public/assets/images/course/course-06/course-17.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-17.jpg differ diff --git a/public/assets/images/course/course-06/course-18.jpg b/public/assets/images/course/course-06/course-18.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-18.jpg differ diff --git a/public/assets/images/course/course-06/course-19.jpg b/public/assets/images/course/course-06/course-19.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-19.jpg differ diff --git a/public/assets/images/course/course-06/course-20.jpg b/public/assets/images/course/course-06/course-20.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-20.jpg differ diff --git a/public/assets/images/course/course-06/course-21.jpg b/public/assets/images/course/course-06/course-21.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-21.jpg differ diff --git a/public/assets/images/course/course-06/course-22.jpg b/public/assets/images/course/course-06/course-22.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-22.jpg differ diff --git a/public/assets/images/course/course-06/course-23.jpg b/public/assets/images/course/course-06/course-23.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-23.jpg differ diff --git a/public/assets/images/course/course-06/course-24.jpg b/public/assets/images/course/course-06/course-24.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-24.jpg differ diff --git a/public/assets/images/course/course-06/course-25.jpg b/public/assets/images/course/course-06/course-25.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-25.jpg differ diff --git a/public/assets/images/course/course-06/course-26.jpg b/public/assets/images/course/course-06/course-26.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-26.jpg differ diff --git a/public/assets/images/course/course-06/course-27.jpg b/public/assets/images/course/course-06/course-27.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-27.jpg differ diff --git a/public/assets/images/course/course-06/course-28.jpg b/public/assets/images/course/course-06/course-28.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-28.jpg differ diff --git a/public/assets/images/course/course-06/course-29.jpg b/public/assets/images/course/course-06/course-29.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-29.jpg differ diff --git a/public/assets/images/course/course-06/course-30.jpg b/public/assets/images/course/course-06/course-30.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-30.jpg differ diff --git a/public/assets/images/course/course-06/course-31.jpg b/public/assets/images/course/course-06/course-31.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-31.jpg differ diff --git a/public/assets/images/course/course-06/course-32.jpg b/public/assets/images/course/course-06/course-32.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-32.jpg differ diff --git a/public/assets/images/course/course-06/course-33.jpg b/public/assets/images/course/course-06/course-33.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-33.jpg differ diff --git a/public/assets/images/course/course-06/course-34.jpg b/public/assets/images/course/course-06/course-34.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-34.jpg differ diff --git a/public/assets/images/course/course-06/course-35.jpg b/public/assets/images/course/course-06/course-35.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-35.jpg differ diff --git a/public/assets/images/course/course-06/course-36.jpg b/public/assets/images/course/course-06/course-36.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-36.jpg differ diff --git a/public/assets/images/course/course-06/course-37.jpg b/public/assets/images/course/course-06/course-37.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-37.jpg differ diff --git a/public/assets/images/course/course-06/course-38.jpg b/public/assets/images/course/course-06/course-38.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-38.jpg differ diff --git a/public/assets/images/course/course-06/course-39.jpg b/public/assets/images/course/course-06/course-39.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-39.jpg differ diff --git a/public/assets/images/course/course-06/course-40.jpg b/public/assets/images/course/course-06/course-40.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-40.jpg differ diff --git a/public/assets/images/course/course-06/course-41.jpg b/public/assets/images/course/course-06/course-41.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-41.jpg differ diff --git a/public/assets/images/course/course-06/course-42.jpg b/public/assets/images/course/course-06/course-42.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-42.jpg differ diff --git a/public/assets/images/course/course-06/course-43.jpg b/public/assets/images/course/course-06/course-43.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-43.jpg differ diff --git a/public/assets/images/course/course-06/course-44.jpg b/public/assets/images/course/course-06/course-44.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-44.jpg differ diff --git a/public/assets/images/course/course-06/course-45.jpg b/public/assets/images/course/course-06/course-45.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-45.jpg differ diff --git a/public/assets/images/course/course-06/course-46.jpg b/public/assets/images/course/course-06/course-46.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-46.jpg differ diff --git a/public/assets/images/course/course-06/course-47.jpg b/public/assets/images/course/course-06/course-47.jpg new file mode 100644 index 0000000..be96315 Binary files /dev/null and b/public/assets/images/course/course-06/course-47.jpg differ diff --git a/public/assets/images/course/course-06/uiux-01.png b/public/assets/images/course/course-06/uiux-01.png new file mode 100644 index 0000000..ba38b24 Binary files /dev/null and b/public/assets/images/course/course-06/uiux-01.png differ diff --git a/public/assets/images/course/course-06/uiux-02.webp b/public/assets/images/course/course-06/uiux-02.webp new file mode 100644 index 0000000..dc72351 Binary files /dev/null and b/public/assets/images/course/course-06/uiux-02.webp differ diff --git a/public/assets/images/course/course-06/uiux-03.jpg b/public/assets/images/course/course-06/uiux-03.jpg new file mode 100644 index 0000000..f2af4fb Binary files /dev/null and b/public/assets/images/course/course-06/uiux-03.jpg differ diff --git a/public/assets/images/course/course-06/uiux-04.jpg b/public/assets/images/course/course-06/uiux-04.jpg new file mode 100644 index 0000000..45c3282 Binary files /dev/null and b/public/assets/images/course/course-06/uiux-04.jpg differ diff --git a/public/assets/images/course/course-06/web-01.jpg b/public/assets/images/course/course-06/web-01.jpg new file mode 100644 index 0000000..f15e3ba Binary files /dev/null and b/public/assets/images/course/course-06/web-01.jpg differ diff --git a/public/assets/images/course/course-06/web-02.webp b/public/assets/images/course/course-06/web-02.webp new file mode 100644 index 0000000..9fc9895 Binary files /dev/null and b/public/assets/images/course/course-06/web-02.webp differ diff --git a/public/assets/images/course/course-06/web-03.jpg b/public/assets/images/course/course-06/web-03.jpg new file mode 100644 index 0000000..0418ecf Binary files /dev/null and b/public/assets/images/course/course-06/web-03.jpg differ diff --git a/public/assets/images/course/course-06/web-04.jpg b/public/assets/images/course/course-06/web-04.jpg new file mode 100644 index 0000000..5575444 Binary files /dev/null and b/public/assets/images/course/course-06/web-04.jpg differ diff --git a/public/assets/images/course/course-06/web-05.jpg b/public/assets/images/course/course-06/web-05.jpg new file mode 100644 index 0000000..2c6f909 Binary files /dev/null and b/public/assets/images/course/course-06/web-05.jpg differ diff --git a/public/assets/images/course/course-06/web-06.jpg b/public/assets/images/course/course-06/web-06.jpg new file mode 100644 index 0000000..9689613 Binary files /dev/null and b/public/assets/images/course/course-06/web-06.jpg differ diff --git a/public/assets/images/course/course-06/web-07.jpg b/public/assets/images/course/course-06/web-07.jpg new file mode 100644 index 0000000..12a6495 Binary files /dev/null and b/public/assets/images/course/course-06/web-07.jpg differ diff --git a/public/assets/images/course/course-main/.DS_Store b/public/assets/images/course/course-main/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/public/assets/images/course/course-main/.DS_Store differ diff --git a/public/assets/images/course/course-main/course-01.jpg b/public/assets/images/course/course-main/course-01.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-01.jpg differ diff --git a/public/assets/images/course/course-main/course-02.jpg b/public/assets/images/course/course-main/course-02.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-02.jpg differ diff --git a/public/assets/images/course/course-main/course-03.jpg b/public/assets/images/course/course-main/course-03.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-03.jpg differ diff --git a/public/assets/images/course/course-main/course-04.jpg b/public/assets/images/course/course-main/course-04.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-04.jpg differ diff --git a/public/assets/images/course/course-main/course-05.jpg b/public/assets/images/course/course-main/course-05.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-05.jpg differ diff --git a/public/assets/images/course/course-main/course-06.jpg b/public/assets/images/course/course-main/course-06.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-06.jpg differ diff --git a/public/assets/images/course/course-main/course-07.jpg b/public/assets/images/course/course-main/course-07.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-07.jpg differ diff --git a/public/assets/images/course/course-main/course-08.jpg b/public/assets/images/course/course-main/course-08.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-08.jpg differ diff --git a/public/assets/images/course/course-main/course-09.jpg b/public/assets/images/course/course-main/course-09.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-09.jpg differ diff --git a/public/assets/images/course/course-main/course-10.jpg b/public/assets/images/course/course-main/course-10.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-10.jpg differ diff --git a/public/assets/images/course/course-main/course-11.jpg b/public/assets/images/course/course-main/course-11.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-11.jpg differ diff --git a/public/assets/images/course/course-main/course-12.jpg b/public/assets/images/course/course-main/course-12.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-12.jpg differ diff --git a/public/assets/images/course/course-main/course-13.jpg b/public/assets/images/course/course-main/course-13.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-13.jpg differ diff --git a/public/assets/images/course/course-main/course-14.jpg b/public/assets/images/course/course-main/course-14.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-14.jpg differ diff --git a/public/assets/images/course/course-main/course-15.jpg b/public/assets/images/course/course-main/course-15.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-15.jpg differ diff --git a/public/assets/images/course/course-main/course-16.jpg b/public/assets/images/course/course-main/course-16.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-16.jpg differ diff --git a/public/assets/images/course/course-main/course-17.jpg b/public/assets/images/course/course-main/course-17.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-17.jpg differ diff --git a/public/assets/images/course/course-main/course-18.jpg b/public/assets/images/course/course-main/course-18.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-18.jpg differ diff --git a/public/assets/images/course/course-main/course-19.jpg b/public/assets/images/course/course-main/course-19.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-19.jpg differ diff --git a/public/assets/images/course/course-main/course-20.jpg b/public/assets/images/course/course-main/course-20.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-20.jpg differ diff --git a/public/assets/images/course/course-main/course-21.jpg b/public/assets/images/course/course-main/course-21.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-21.jpg differ diff --git a/public/assets/images/course/course-main/course-22.jpg b/public/assets/images/course/course-main/course-22.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-22.jpg differ diff --git a/public/assets/images/course/course-main/course-23.jpg b/public/assets/images/course/course-main/course-23.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-23.jpg differ diff --git a/public/assets/images/course/course-main/course-24.jpg b/public/assets/images/course/course-main/course-24.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-24.jpg differ diff --git a/public/assets/images/course/course-main/course-25.jpg b/public/assets/images/course/course-main/course-25.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-25.jpg differ diff --git a/public/assets/images/course/course-main/course-26.jpg b/public/assets/images/course/course-main/course-26.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-26.jpg differ diff --git a/public/assets/images/course/course-main/course-27.jpg b/public/assets/images/course/course-main/course-27.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-27.jpg differ diff --git a/public/assets/images/course/course-main/course-28.jpg b/public/assets/images/course/course-main/course-28.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-28.jpg differ diff --git a/public/assets/images/course/course-main/course-29.jpg b/public/assets/images/course/course-main/course-29.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-29.jpg differ diff --git a/public/assets/images/course/course-main/course-30.jpg b/public/assets/images/course/course-main/course-30.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-30.jpg differ diff --git a/public/assets/images/course/course-main/course-31.jpg b/public/assets/images/course/course-main/course-31.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-31.jpg differ diff --git a/public/assets/images/course/course-main/course-32.jpg b/public/assets/images/course/course-main/course-32.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-32.jpg differ diff --git a/public/assets/images/course/course-main/course-33.jpg b/public/assets/images/course/course-main/course-33.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-33.jpg differ diff --git a/public/assets/images/course/course-main/course-34.jpg b/public/assets/images/course/course-main/course-34.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-34.jpg differ diff --git a/public/assets/images/course/course-main/course-35.jpg b/public/assets/images/course/course-main/course-35.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-35.jpg differ diff --git a/public/assets/images/course/course-main/course-36.jpg b/public/assets/images/course/course-main/course-36.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-36.jpg differ diff --git a/public/assets/images/course/course-main/course-37.jpg b/public/assets/images/course/course-main/course-37.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-37.jpg differ diff --git a/public/assets/images/course/course-main/course-38.jpg b/public/assets/images/course/course-main/course-38.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-38.jpg differ diff --git a/public/assets/images/course/course-main/course-39.jpg b/public/assets/images/course/course-main/course-39.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-39.jpg differ diff --git a/public/assets/images/course/course-main/course-40.jpg b/public/assets/images/course/course-main/course-40.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-40.jpg differ diff --git a/public/assets/images/course/course-main/course-41.jpg b/public/assets/images/course/course-main/course-41.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-41.jpg differ diff --git a/public/assets/images/course/course-main/course-42.jpg b/public/assets/images/course/course-main/course-42.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-42.jpg differ diff --git a/public/assets/images/course/course-main/course-43.jpg b/public/assets/images/course/course-main/course-43.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-43.jpg differ diff --git a/public/assets/images/course/course-main/course-44.jpg b/public/assets/images/course/course-main/course-44.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-44.jpg differ diff --git a/public/assets/images/course/course-main/course-45.jpg b/public/assets/images/course/course-main/course-45.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-45.jpg differ diff --git a/public/assets/images/course/course-main/course-46.jpg b/public/assets/images/course/course-main/course-46.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-46.jpg differ diff --git a/public/assets/images/course/course-main/course-47.jpg b/public/assets/images/course/course-main/course-47.jpg new file mode 100644 index 0000000..48c94be Binary files /dev/null and b/public/assets/images/course/course-main/course-47.jpg differ diff --git a/public/assets/images/course/instructor/author-01.png b/public/assets/images/course/instructor/author-01.png new file mode 100644 index 0000000..d4e3f80 Binary files /dev/null and b/public/assets/images/course/instructor/author-01.png differ diff --git a/public/assets/images/course/instructor/author-02.png b/public/assets/images/course/instructor/author-02.png new file mode 100644 index 0000000..d4e3f80 Binary files /dev/null and b/public/assets/images/course/instructor/author-02.png differ diff --git a/public/assets/images/course/instructor/author-03.png b/public/assets/images/course/instructor/author-03.png new file mode 100644 index 0000000..d4e3f80 Binary files /dev/null and b/public/assets/images/course/instructor/author-03.png differ diff --git a/public/assets/images/course/instructor/author-04.png b/public/assets/images/course/instructor/author-04.png new file mode 100644 index 0000000..d4e3f80 Binary files /dev/null and b/public/assets/images/course/instructor/author-04.png differ diff --git a/public/assets/images/course/instructor/author-05.png b/public/assets/images/course/instructor/author-05.png new file mode 100644 index 0000000..a1d9256 Binary files /dev/null and b/public/assets/images/course/instructor/author-05.png differ diff --git a/public/assets/images/course/instructor/author-06.png b/public/assets/images/course/instructor/author-06.png new file mode 100644 index 0000000..a1d9256 Binary files /dev/null and b/public/assets/images/course/instructor/author-06.png differ diff --git a/public/assets/images/cta/Bg-2.png b/public/assets/images/cta/Bg-2.png new file mode 100644 index 0000000..01e30d2 Binary files /dev/null and b/public/assets/images/cta/Bg-2.png differ diff --git a/public/assets/images/cta/cta-banner-remote.png b/public/assets/images/cta/cta-banner-remote.png new file mode 100644 index 0000000..730ce7b Binary files /dev/null and b/public/assets/images/cta/cta-banner-remote.png differ diff --git a/public/assets/images/cta/cta-banner-remote.webp b/public/assets/images/cta/cta-banner-remote.webp new file mode 100644 index 0000000..0b932a0 Binary files /dev/null and b/public/assets/images/cta/cta-banner-remote.webp differ diff --git a/public/assets/images/cta/cta-girl-bg.png b/public/assets/images/cta/cta-girl-bg.png new file mode 100644 index 0000000..1c69b27 Binary files /dev/null and b/public/assets/images/cta/cta-girl-bg.png differ diff --git a/public/assets/images/cta/cta-girl-bg.webp b/public/assets/images/cta/cta-girl-bg.webp new file mode 100644 index 0000000..1c69b27 Binary files /dev/null and b/public/assets/images/cta/cta-girl-bg.webp differ diff --git a/public/assets/images/cta/cta-round-rtl.svg b/public/assets/images/cta/cta-round-rtl.svg new file mode 100644 index 0000000..729e64a --- /dev/null +++ b/public/assets/images/cta/cta-round-rtl.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/assets/images/cta/cta-round.svg b/public/assets/images/cta/cta-round.svg new file mode 100644 index 0000000..2009222 --- /dev/null +++ b/public/assets/images/cta/cta-round.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/images/cta/cta.svg b/public/assets/images/cta/cta.svg new file mode 100644 index 0000000..48b33f4 --- /dev/null +++ b/public/assets/images/cta/cta.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/cta/h-4-cta-bg.jpg b/public/assets/images/cta/h-4-cta-bg.jpg new file mode 100644 index 0000000..c7f55fa Binary files /dev/null and b/public/assets/images/cta/h-4-cta-bg.jpg differ diff --git a/public/assets/images/cta/h-4-cta-compressed.png b/public/assets/images/cta/h-4-cta-compressed.png new file mode 100644 index 0000000..ee6b18d Binary files /dev/null and b/public/assets/images/cta/h-4-cta-compressed.png differ diff --git a/public/assets/images/cta/h-4-cta-compressed.webp b/public/assets/images/cta/h-4-cta-compressed.webp new file mode 100644 index 0000000..38d4730 Binary files /dev/null and b/public/assets/images/cta/h-4-cta-compressed.webp differ diff --git a/public/assets/images/cta/h-4-cta.png b/public/assets/images/cta/h-4-cta.png new file mode 100644 index 0000000..cba3f14 Binary files /dev/null and b/public/assets/images/cta/h-4-cta.png differ diff --git a/public/assets/images/cta/h-4-cta.svg b/public/assets/images/cta/h-4-cta.svg new file mode 100644 index 0000000..f7c669a --- /dev/null +++ b/public/assets/images/cta/h-4-cta.svg @@ -0,0 +1,10 @@ + + + + + + diff --git a/public/assets/images/cta/shape-01.png b/public/assets/images/cta/shape-01.png new file mode 100644 index 0000000..1475ec4 Binary files /dev/null and b/public/assets/images/cta/shape-01.png differ diff --git a/public/assets/images/cta/shape-02.png b/public/assets/images/cta/shape-02.png new file mode 100644 index 0000000..50b9b4d Binary files /dev/null and b/public/assets/images/cta/shape-02.png differ diff --git a/public/assets/images/cta/shape-03.png b/public/assets/images/cta/shape-03.png new file mode 100644 index 0000000..d047fd2 Binary files /dev/null and b/public/assets/images/cta/shape-03.png differ diff --git a/public/assets/images/cta/shape-04.png b/public/assets/images/cta/shape-04.png new file mode 100644 index 0000000..2229488 Binary files /dev/null and b/public/assets/images/cta/shape-04.png differ diff --git a/public/assets/images/cta/shape-05.png b/public/assets/images/cta/shape-05.png new file mode 100644 index 0000000..a3232c2 Binary files /dev/null and b/public/assets/images/cta/shape-05.png differ diff --git a/public/assets/images/cta/shape-06.png b/public/assets/images/cta/shape-06.png new file mode 100644 index 0000000..3d153f5 Binary files /dev/null and b/public/assets/images/cta/shape-06.png differ diff --git a/public/assets/images/cta/shape-07.png b/public/assets/images/cta/shape-07.png new file mode 100644 index 0000000..ecee052 Binary files /dev/null and b/public/assets/images/cta/shape-07.png differ diff --git a/public/assets/images/cta/shape-08.png b/public/assets/images/cta/shape-08.png new file mode 100644 index 0000000..baa5d2f Binary files /dev/null and b/public/assets/images/cta/shape-08.png differ diff --git a/public/assets/images/cta/shape-09.png b/public/assets/images/cta/shape-09.png new file mode 100644 index 0000000..edbb219 Binary files /dev/null and b/public/assets/images/cta/shape-09.png differ diff --git a/public/assets/images/cta/shape-10.png b/public/assets/images/cta/shape-10.png new file mode 100644 index 0000000..3d6f15c Binary files /dev/null and b/public/assets/images/cta/shape-10.png differ diff --git a/public/assets/images/cta/shape-11.png b/public/assets/images/cta/shape-11.png new file mode 100644 index 0000000..e6df100 Binary files /dev/null and b/public/assets/images/cta/shape-11.png differ diff --git a/public/assets/images/cta/shape-12.png b/public/assets/images/cta/shape-12.png new file mode 100644 index 0000000..fccb27e Binary files /dev/null and b/public/assets/images/cta/shape-12.png differ diff --git a/public/assets/images/cta/shape-38.png b/public/assets/images/cta/shape-38.png new file mode 100644 index 0000000..fc8cefa Binary files /dev/null and b/public/assets/images/cta/shape-38.png differ diff --git a/public/assets/images/cta/shape-39.png b/public/assets/images/cta/shape-39.png new file mode 100644 index 0000000..d855a45 Binary files /dev/null and b/public/assets/images/cta/shape-39.png differ diff --git a/public/assets/images/cta/shape-40.png b/public/assets/images/cta/shape-40.png new file mode 100644 index 0000000..30936eb Binary files /dev/null and b/public/assets/images/cta/shape-40.png differ diff --git a/public/assets/images/cta/shape-42.png b/public/assets/images/cta/shape-42.png new file mode 100644 index 0000000..9dd9349 Binary files /dev/null and b/public/assets/images/cta/shape-42.png differ diff --git a/public/assets/images/cta/shape-43.png b/public/assets/images/cta/shape-43.png new file mode 100644 index 0000000..e916b2f Binary files /dev/null and b/public/assets/images/cta/shape-43.png differ diff --git a/public/assets/images/dark-theme/dark-shape.png b/public/assets/images/dark-theme/dark-shape.png new file mode 100644 index 0000000..b2d9a22 Binary files /dev/null and b/public/assets/images/dark-theme/dark-shape.png differ diff --git a/public/assets/images/dark-theme/hero-01-bg-dark.png b/public/assets/images/dark-theme/hero-01-bg-dark.png new file mode 100644 index 0000000..8a56b2b Binary files /dev/null and b/public/assets/images/dark-theme/hero-01-bg-dark.png differ diff --git a/public/assets/images/dark-theme/hero-01-cta-bg-dark.png b/public/assets/images/dark-theme/hero-01-cta-bg-dark.png new file mode 100644 index 0000000..7c8e070 Binary files /dev/null and b/public/assets/images/dark-theme/hero-01-cta-bg-dark.png differ diff --git a/public/assets/images/dark-theme/hero-01-cta-bg.png b/public/assets/images/dark-theme/hero-01-cta-bg.png new file mode 100644 index 0000000..7dd9099 Binary files /dev/null and b/public/assets/images/dark-theme/hero-01-cta-bg.png differ diff --git a/public/assets/images/dark-theme/hero-01-footer-bg-dark.png b/public/assets/images/dark-theme/hero-01-footer-bg-dark.png new file mode 100644 index 0000000..5419219 Binary files /dev/null and b/public/assets/images/dark-theme/hero-01-footer-bg-dark.png differ diff --git a/public/assets/images/dark-theme/moon.png b/public/assets/images/dark-theme/moon.png new file mode 100644 index 0000000..ea743a0 Binary files /dev/null and b/public/assets/images/dark-theme/moon.png differ diff --git a/public/assets/images/dark-theme/night.png b/public/assets/images/dark-theme/night.png new file mode 100644 index 0000000..dc37838 Binary files /dev/null and b/public/assets/images/dark-theme/night.png differ diff --git a/public/assets/images/dark-theme/sun-01.svg b/public/assets/images/dark-theme/sun-01.svg new file mode 100644 index 0000000..8962d8b --- /dev/null +++ b/public/assets/images/dark-theme/sun-01.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/assets/images/dark-theme/sun.png b/public/assets/images/dark-theme/sun.png new file mode 100644 index 0000000..0ce84f3 Binary files /dev/null and b/public/assets/images/dark-theme/sun.png differ diff --git a/public/assets/images/dark-theme/sunny.png b/public/assets/images/dark-theme/sunny.png new file mode 100644 index 0000000..89eabae Binary files /dev/null and b/public/assets/images/dark-theme/sunny.png differ diff --git a/public/assets/images/dark-theme/vector.svg b/public/assets/images/dark-theme/vector.svg new file mode 100644 index 0000000..c1d3fd8 --- /dev/null +++ b/public/assets/images/dark-theme/vector.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/images/event/.DS_Store b/public/assets/images/event/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/public/assets/images/event/.DS_Store differ diff --git a/public/assets/images/event/Event-22.webp b/public/assets/images/event/Event-22.webp new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/event/Event-22.webp differ diff --git a/public/assets/images/event/Event-23.webp b/public/assets/images/event/Event-23.webp new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/event/Event-23.webp differ diff --git a/public/assets/images/event/Event-24.webp b/public/assets/images/event/Event-24.webp new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/event/Event-24.webp differ diff --git a/public/assets/images/event/eve-01.jpg b/public/assets/images/event/eve-01.jpg new file mode 100644 index 0000000..dbfd1b1 Binary files /dev/null and b/public/assets/images/event/eve-01.jpg differ diff --git a/public/assets/images/event/eve-02.jpg b/public/assets/images/event/eve-02.jpg new file mode 100644 index 0000000..508ef85 Binary files /dev/null and b/public/assets/images/event/eve-02.jpg differ diff --git a/public/assets/images/event/eve-03.jpg b/public/assets/images/event/eve-03.jpg new file mode 100644 index 0000000..0ce4217 Binary files /dev/null and b/public/assets/images/event/eve-03.jpg differ diff --git a/public/assets/images/event/eve-04.jpg b/public/assets/images/event/eve-04.jpg new file mode 100644 index 0000000..804341e Binary files /dev/null and b/public/assets/images/event/eve-04.jpg differ diff --git a/public/assets/images/event/event-01.jpg b/public/assets/images/event/event-01.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/event/event-01.jpg differ diff --git a/public/assets/images/event/event-02.jpg b/public/assets/images/event/event-02.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/event/event-02.jpg differ diff --git a/public/assets/images/event/event-03.jpg b/public/assets/images/event/event-03.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/event/event-03.jpg differ diff --git a/public/assets/images/event/event-04.jpg b/public/assets/images/event/event-04.jpg new file mode 100644 index 0000000..cc69209 Binary files /dev/null and b/public/assets/images/event/event-04.jpg differ diff --git a/public/assets/images/event/event-05.jpg b/public/assets/images/event/event-05.jpg new file mode 100644 index 0000000..cc69209 Binary files /dev/null and b/public/assets/images/event/event-05.jpg differ diff --git a/public/assets/images/event/event-06.jpg b/public/assets/images/event/event-06.jpg new file mode 100644 index 0000000..cc69209 Binary files /dev/null and b/public/assets/images/event/event-06.jpg differ diff --git a/public/assets/images/event/event-07.jpg b/public/assets/images/event/event-07.jpg new file mode 100644 index 0000000..cc69209 Binary files /dev/null and b/public/assets/images/event/event-07.jpg differ diff --git a/public/assets/images/event/event-08.jpg b/public/assets/images/event/event-08.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/event/event-08.jpg differ diff --git a/public/assets/images/event/event-09.jpg b/public/assets/images/event/event-09.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/event/event-09.jpg differ diff --git a/public/assets/images/event/event-10.jpg b/public/assets/images/event/event-10.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/event/event-10.jpg differ diff --git a/public/assets/images/event/event-11.jpg b/public/assets/images/event/event-11.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/event/event-11.jpg differ diff --git a/public/assets/images/event/event-12.jpg b/public/assets/images/event/event-12.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/event/event-12.jpg differ diff --git a/public/assets/images/event/event-13.jpg b/public/assets/images/event/event-13.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/event/event-13.jpg differ diff --git a/public/assets/images/event/event-14.jpg b/public/assets/images/event/event-14.jpg new file mode 100644 index 0000000..1641453 Binary files /dev/null and b/public/assets/images/event/event-14.jpg differ diff --git a/public/assets/images/event/event-15.jpg b/public/assets/images/event/event-15.jpg new file mode 100644 index 0000000..1641453 Binary files /dev/null and b/public/assets/images/event/event-15.jpg differ diff --git a/public/assets/images/event/event-16.jpg b/public/assets/images/event/event-16.jpg new file mode 100644 index 0000000..1641453 Binary files /dev/null and b/public/assets/images/event/event-16.jpg differ diff --git a/public/assets/images/event/event-17.jpg b/public/assets/images/event/event-17.jpg new file mode 100644 index 0000000..1641453 Binary files /dev/null and b/public/assets/images/event/event-17.jpg differ diff --git a/public/assets/images/event/event-18.jpg b/public/assets/images/event/event-18.jpg new file mode 100644 index 0000000..1641453 Binary files /dev/null and b/public/assets/images/event/event-18.jpg differ diff --git a/public/assets/images/event/event-19.jpg b/public/assets/images/event/event-19.jpg new file mode 100644 index 0000000..1641453 Binary files /dev/null and b/public/assets/images/event/event-19.jpg differ diff --git a/public/assets/images/event/event-20.jpg b/public/assets/images/event/event-20.jpg new file mode 100644 index 0000000..1641453 Binary files /dev/null and b/public/assets/images/event/event-20.jpg differ diff --git a/public/assets/images/event/event-21.jpg b/public/assets/images/event/event-21.jpg new file mode 100644 index 0000000..de17a20 Binary files /dev/null and b/public/assets/images/event/event-21.jpg differ diff --git a/public/assets/images/event/event-22.jpg b/public/assets/images/event/event-22.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/event/event-22.jpg differ diff --git a/public/assets/images/event/event-23.jpg b/public/assets/images/event/event-23.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/event/event-23.jpg differ diff --git a/public/assets/images/event/event-24.jpg b/public/assets/images/event/event-24.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/event/event-24.jpg differ diff --git a/public/assets/images/event/shape-01.png b/public/assets/images/event/shape-01.png new file mode 100644 index 0000000..4ee695a Binary files /dev/null and b/public/assets/images/event/shape-01.png differ diff --git a/public/assets/images/faq/.DS_Store b/public/assets/images/faq/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/public/assets/images/faq/.DS_Store differ diff --git a/public/assets/images/faq/dark-shape-02.png b/public/assets/images/faq/dark-shape-02.png new file mode 100644 index 0000000..68d7e53 Binary files /dev/null and b/public/assets/images/faq/dark-shape-02.png differ diff --git a/public/assets/images/faq/dark-shape-09.png b/public/assets/images/faq/dark-shape-09.png new file mode 100644 index 0000000..2a2defd Binary files /dev/null and b/public/assets/images/faq/dark-shape-09.png differ diff --git a/public/assets/images/faq/dark-shape-13.png b/public/assets/images/faq/dark-shape-13.png new file mode 100644 index 0000000..751c4b0 Binary files /dev/null and b/public/assets/images/faq/dark-shape-13.png differ diff --git a/public/assets/images/faq/dark-shape-14.png b/public/assets/images/faq/dark-shape-14.png new file mode 100644 index 0000000..f9d05e1 Binary files /dev/null and b/public/assets/images/faq/dark-shape-14.png differ diff --git a/public/assets/images/faq/faq-01.jpg b/public/assets/images/faq/faq-01.jpg new file mode 100644 index 0000000..1f4cfb6 Binary files /dev/null and b/public/assets/images/faq/faq-01.jpg differ diff --git a/public/assets/images/faq/faq-02.jpg b/public/assets/images/faq/faq-02.jpg new file mode 100644 index 0000000..098804b Binary files /dev/null and b/public/assets/images/faq/faq-02.jpg differ diff --git a/public/assets/images/faq/faq-03.jpg b/public/assets/images/faq/faq-03.jpg new file mode 100644 index 0000000..a05270d Binary files /dev/null and b/public/assets/images/faq/faq-03.jpg differ diff --git a/public/assets/images/faq/faq-04.jpg b/public/assets/images/faq/faq-04.jpg new file mode 100644 index 0000000..19f61f8 Binary files /dev/null and b/public/assets/images/faq/faq-04.jpg differ diff --git a/public/assets/images/faq/faq-04.webp b/public/assets/images/faq/faq-04.webp new file mode 100644 index 0000000..19f61f8 Binary files /dev/null and b/public/assets/images/faq/faq-04.webp differ diff --git a/public/assets/images/faq/faq-05.jpg b/public/assets/images/faq/faq-05.jpg new file mode 100644 index 0000000..da7201d Binary files /dev/null and b/public/assets/images/faq/faq-05.jpg differ diff --git a/public/assets/images/faq/faq-05.webp b/public/assets/images/faq/faq-05.webp new file mode 100644 index 0000000..da7201d Binary files /dev/null and b/public/assets/images/faq/faq-05.webp differ diff --git a/public/assets/images/faq/faq-06.jpg b/public/assets/images/faq/faq-06.jpg new file mode 100644 index 0000000..f09bb81 Binary files /dev/null and b/public/assets/images/faq/faq-06.jpg differ diff --git a/public/assets/images/faq/faq-06.webp b/public/assets/images/faq/faq-06.webp new file mode 100644 index 0000000..f09bb81 Binary files /dev/null and b/public/assets/images/faq/faq-06.webp differ diff --git a/public/assets/images/faq/faq-07.jpg b/public/assets/images/faq/faq-07.jpg new file mode 100644 index 0000000..5613a18 Binary files /dev/null and b/public/assets/images/faq/faq-07.jpg differ diff --git a/public/assets/images/faq/faq-07.webp b/public/assets/images/faq/faq-07.webp new file mode 100644 index 0000000..5613a18 Binary files /dev/null and b/public/assets/images/faq/faq-07.webp differ diff --git a/public/assets/images/faq/faq-08.jpg b/public/assets/images/faq/faq-08.jpg new file mode 100644 index 0000000..1076e74 Binary files /dev/null and b/public/assets/images/faq/faq-08.jpg differ diff --git a/public/assets/images/faq/faq-08.webp b/public/assets/images/faq/faq-08.webp new file mode 100644 index 0000000..1076e74 Binary files /dev/null and b/public/assets/images/faq/faq-08.webp differ diff --git a/public/assets/images/faq/ques-01.webp b/public/assets/images/faq/ques-01.webp new file mode 100644 index 0000000..375150a Binary files /dev/null and b/public/assets/images/faq/ques-01.webp differ diff --git a/public/assets/images/faq/shape-01.png b/public/assets/images/faq/shape-01.png new file mode 100644 index 0000000..8221ed2 Binary files /dev/null and b/public/assets/images/faq/shape-01.png differ diff --git a/public/assets/images/faq/shape-02.png b/public/assets/images/faq/shape-02.png new file mode 100644 index 0000000..50dc7cb Binary files /dev/null and b/public/assets/images/faq/shape-02.png differ diff --git a/public/assets/images/faq/shape-03.png b/public/assets/images/faq/shape-03.png new file mode 100644 index 0000000..5230620 Binary files /dev/null and b/public/assets/images/faq/shape-03.png differ diff --git a/public/assets/images/faq/shape-04.png b/public/assets/images/faq/shape-04.png new file mode 100644 index 0000000..80b8c26 Binary files /dev/null and b/public/assets/images/faq/shape-04.png differ diff --git a/public/assets/images/faq/shape-05.png b/public/assets/images/faq/shape-05.png new file mode 100644 index 0000000..eb8c24f Binary files /dev/null and b/public/assets/images/faq/shape-05.png differ diff --git a/public/assets/images/faq/shape-06.png b/public/assets/images/faq/shape-06.png new file mode 100644 index 0000000..09194d1 Binary files /dev/null and b/public/assets/images/faq/shape-06.png differ diff --git a/public/assets/images/faq/shape-07.png b/public/assets/images/faq/shape-07.png new file mode 100644 index 0000000..e5605fe Binary files /dev/null and b/public/assets/images/faq/shape-07.png differ diff --git a/public/assets/images/faq/shape-08.png b/public/assets/images/faq/shape-08.png new file mode 100644 index 0000000..e2a0a69 Binary files /dev/null and b/public/assets/images/faq/shape-08.png differ diff --git a/public/assets/images/faq/shape-09.png b/public/assets/images/faq/shape-09.png new file mode 100644 index 0000000..8b869d1 Binary files /dev/null and b/public/assets/images/faq/shape-09.png differ diff --git a/public/assets/images/faq/shape-10.png b/public/assets/images/faq/shape-10.png new file mode 100644 index 0000000..6277e0a Binary files /dev/null and b/public/assets/images/faq/shape-10.png differ diff --git a/public/assets/images/faq/shape-11.png b/public/assets/images/faq/shape-11.png new file mode 100644 index 0000000..1646e8b Binary files /dev/null and b/public/assets/images/faq/shape-11.png differ diff --git a/public/assets/images/faq/shape-12.png b/public/assets/images/faq/shape-12.png new file mode 100644 index 0000000..9bf61fb Binary files /dev/null and b/public/assets/images/faq/shape-12.png differ diff --git a/public/assets/images/faq/shape-13.png b/public/assets/images/faq/shape-13.png new file mode 100644 index 0000000..2d44ae8 Binary files /dev/null and b/public/assets/images/faq/shape-13.png differ diff --git a/public/assets/images/faq/shape-14.png b/public/assets/images/faq/shape-14.png new file mode 100644 index 0000000..ea98f2b Binary files /dev/null and b/public/assets/images/faq/shape-14.png differ diff --git a/public/assets/images/faq/shape-15.png b/public/assets/images/faq/shape-15.png new file mode 100644 index 0000000..5a4dcd4 Binary files /dev/null and b/public/assets/images/faq/shape-15.png differ diff --git a/public/assets/images/faq/shape-16.png b/public/assets/images/faq/shape-16.png new file mode 100644 index 0000000..95c4a5a Binary files /dev/null and b/public/assets/images/faq/shape-16.png differ diff --git a/public/assets/images/faq/shape-34.png b/public/assets/images/faq/shape-34.png new file mode 100644 index 0000000..87c31a4 Binary files /dev/null and b/public/assets/images/faq/shape-34.png differ diff --git a/public/assets/images/faq/shape-35.png b/public/assets/images/faq/shape-35.png new file mode 100644 index 0000000..d43474a Binary files /dev/null and b/public/assets/images/faq/shape-35.png differ diff --git a/public/assets/images/faq/shape-36.png b/public/assets/images/faq/shape-36.png new file mode 100644 index 0000000..7d95b87 Binary files /dev/null and b/public/assets/images/faq/shape-36.png differ diff --git a/public/assets/images/faq/shape-rtl-34.png b/public/assets/images/faq/shape-rtl-34.png new file mode 100644 index 0000000..88c0a83 Binary files /dev/null and b/public/assets/images/faq/shape-rtl-34.png differ diff --git a/public/assets/images/favicon.png b/public/assets/images/favicon.png new file mode 100644 index 0000000..832e2c2 Binary files /dev/null and b/public/assets/images/favicon.png differ diff --git a/public/assets/images/fnline/Frontline_Logo_Dark.png b/public/assets/images/fnline/Frontline_Logo_Dark.png new file mode 100644 index 0000000..115833d Binary files /dev/null and b/public/assets/images/fnline/Frontline_Logo_Dark.png differ diff --git a/public/assets/images/fnline/Frontline_Logo_White.png b/public/assets/images/fnline/Frontline_Logo_White.png new file mode 100644 index 0000000..109313f Binary files /dev/null and b/public/assets/images/fnline/Frontline_Logo_White.png differ diff --git a/public/assets/images/gallery/.DS_Store b/public/assets/images/gallery/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/public/assets/images/gallery/.DS_Store differ diff --git a/public/assets/images/gallery/gallery-01.jpg b/public/assets/images/gallery/gallery-01.jpg new file mode 100644 index 0000000..273072d Binary files /dev/null and b/public/assets/images/gallery/gallery-01.jpg differ diff --git a/public/assets/images/gallery/gallery-02.jpg b/public/assets/images/gallery/gallery-02.jpg new file mode 100644 index 0000000..3a0d35a Binary files /dev/null and b/public/assets/images/gallery/gallery-02.jpg differ diff --git a/public/assets/images/gallery/gallery-03.jpg b/public/assets/images/gallery/gallery-03.jpg new file mode 100644 index 0000000..f572254 Binary files /dev/null and b/public/assets/images/gallery/gallery-03.jpg differ diff --git a/public/assets/images/gallery/gallery-04.jpg b/public/assets/images/gallery/gallery-04.jpg new file mode 100644 index 0000000..56453e4 Binary files /dev/null and b/public/assets/images/gallery/gallery-04.jpg differ diff --git a/public/assets/images/gallery/gallery-05.jpg b/public/assets/images/gallery/gallery-05.jpg new file mode 100644 index 0000000..85a5dd1 Binary files /dev/null and b/public/assets/images/gallery/gallery-05.jpg differ diff --git a/public/assets/images/gallery/gallery-06.jpg b/public/assets/images/gallery/gallery-06.jpg new file mode 100644 index 0000000..28839e0 Binary files /dev/null and b/public/assets/images/gallery/gallery-06.jpg differ diff --git a/public/assets/images/gallery/gallery-07.jpg b/public/assets/images/gallery/gallery-07.jpg new file mode 100644 index 0000000..65b1c35 Binary files /dev/null and b/public/assets/images/gallery/gallery-07.jpg differ diff --git a/public/assets/images/gallery/gallery-08.jpg b/public/assets/images/gallery/gallery-08.jpg new file mode 100644 index 0000000..adb4d57 Binary files /dev/null and b/public/assets/images/gallery/gallery-08.jpg differ diff --git a/public/assets/images/gallery/gallery-09.jpg b/public/assets/images/gallery/gallery-09.jpg new file mode 100644 index 0000000..ea15201 Binary files /dev/null and b/public/assets/images/gallery/gallery-09.jpg differ diff --git a/public/assets/images/gallery/gallery-10.jpg b/public/assets/images/gallery/gallery-10.jpg new file mode 100644 index 0000000..cdb0ca0 Binary files /dev/null and b/public/assets/images/gallery/gallery-10.jpg differ diff --git a/public/assets/images/gallery/gallery-11.jpg b/public/assets/images/gallery/gallery-11.jpg new file mode 100644 index 0000000..0145e55 Binary files /dev/null and b/public/assets/images/gallery/gallery-11.jpg differ diff --git a/public/assets/images/icons/Down-Arrow.png b/public/assets/images/icons/Down-Arrow.png new file mode 100644 index 0000000..4a693af Binary files /dev/null and b/public/assets/images/icons/Down-Arrow.png differ diff --git a/public/assets/images/icons/arrow-icon.png b/public/assets/images/icons/arrow-icon.png new file mode 100644 index 0000000..0eaf6c2 Binary files /dev/null and b/public/assets/images/icons/arrow-icon.png differ diff --git a/public/assets/images/icons/lg.eot b/public/assets/images/icons/lg.eot new file mode 100644 index 0000000..51264c4 Binary files /dev/null and b/public/assets/images/icons/lg.eot differ diff --git a/public/assets/images/icons/lg.ttf b/public/assets/images/icons/lg.ttf new file mode 100644 index 0000000..8ad8199 Binary files /dev/null and b/public/assets/images/icons/lg.ttf differ diff --git a/public/assets/images/icons/lg.woff b/public/assets/images/icons/lg.woff new file mode 100644 index 0000000..d98ff60 Binary files /dev/null and b/public/assets/images/icons/lg.woff differ diff --git a/public/assets/images/icons/loading.gif b/public/assets/images/icons/loading.gif new file mode 100644 index 0000000..d3bbc80 Binary files /dev/null and b/public/assets/images/icons/loading.gif differ diff --git a/public/assets/images/icons/night.png b/public/assets/images/icons/night.png new file mode 100644 index 0000000..dc37838 Binary files /dev/null and b/public/assets/images/icons/night.png differ diff --git a/public/assets/images/icons/sunny.png b/public/assets/images/icons/sunny.png new file mode 100644 index 0000000..89eabae Binary files /dev/null and b/public/assets/images/icons/sunny.png differ diff --git a/public/assets/images/instagram/.DS_Store b/public/assets/images/instagram/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/public/assets/images/instagram/.DS_Store differ diff --git a/public/assets/images/instagram/instagram-01.jpg b/public/assets/images/instagram/instagram-01.jpg new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-01.jpg differ diff --git a/public/assets/images/instagram/instagram-01.webp b/public/assets/images/instagram/instagram-01.webp new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-01.webp differ diff --git a/public/assets/images/instagram/instagram-02.jpg b/public/assets/images/instagram/instagram-02.jpg new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-02.jpg differ diff --git a/public/assets/images/instagram/instagram-02.webp b/public/assets/images/instagram/instagram-02.webp new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-02.webp differ diff --git a/public/assets/images/instagram/instagram-03.jpg b/public/assets/images/instagram/instagram-03.jpg new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-03.jpg differ diff --git a/public/assets/images/instagram/instagram-03.webp b/public/assets/images/instagram/instagram-03.webp new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-03.webp differ diff --git a/public/assets/images/instagram/instagram-04.jpg b/public/assets/images/instagram/instagram-04.jpg new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-04.jpg differ diff --git a/public/assets/images/instagram/instagram-04.webp b/public/assets/images/instagram/instagram-04.webp new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-04.webp differ diff --git a/public/assets/images/instagram/instagram-05.jpg b/public/assets/images/instagram/instagram-05.jpg new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-05.jpg differ diff --git a/public/assets/images/instagram/instagram-05.webp b/public/assets/images/instagram/instagram-05.webp new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-05.webp differ diff --git a/public/assets/images/instagram/instagram-06.jpg b/public/assets/images/instagram/instagram-06.jpg new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-06.jpg differ diff --git a/public/assets/images/instagram/instagram-06.webp b/public/assets/images/instagram/instagram-06.webp new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-06.webp differ diff --git a/public/assets/images/instagram/instagram-07.jpg b/public/assets/images/instagram/instagram-07.jpg new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-07.jpg differ diff --git a/public/assets/images/instagram/instagram-07.webp b/public/assets/images/instagram/instagram-07.webp new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-07.webp differ diff --git a/public/assets/images/instagram/instagram-08.jpg b/public/assets/images/instagram/instagram-08.jpg new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-08.jpg differ diff --git a/public/assets/images/instagram/instagram-08.webp b/public/assets/images/instagram/instagram-08.webp new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-08.webp differ diff --git a/public/assets/images/instagram/instagram-09.jpg b/public/assets/images/instagram/instagram-09.jpg new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-09.jpg differ diff --git a/public/assets/images/instagram/instagram-09.webp b/public/assets/images/instagram/instagram-09.webp new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-09.webp differ diff --git a/public/assets/images/instagram/instagram-10.jpg b/public/assets/images/instagram/instagram-10.jpg new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-10.jpg differ diff --git a/public/assets/images/instagram/instagram-10.webp b/public/assets/images/instagram/instagram-10.webp new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-10.webp differ diff --git a/public/assets/images/instagram/instagram-11.jpg b/public/assets/images/instagram/instagram-11.jpg new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-11.jpg differ diff --git a/public/assets/images/instagram/instagram-11.webp b/public/assets/images/instagram/instagram-11.webp new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-11.webp differ diff --git a/public/assets/images/instagram/instagram-12.jpg b/public/assets/images/instagram/instagram-12.jpg new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-12.jpg differ diff --git a/public/assets/images/instagram/instagram-12.webp b/public/assets/images/instagram/instagram-12.webp new file mode 100644 index 0000000..85d3734 Binary files /dev/null and b/public/assets/images/instagram/instagram-12.webp differ diff --git a/public/assets/images/logo/.DS_Store b/public/assets/images/logo/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/public/assets/images/logo/.DS_Store differ diff --git a/public/assets/images/logo/logo-dark-2.png b/public/assets/images/logo/logo-dark-2.png new file mode 100644 index 0000000..9095ade Binary files /dev/null and b/public/assets/images/logo/logo-dark-2.png differ diff --git a/public/assets/images/logo/logo-dark.png b/public/assets/images/logo/logo-dark.png new file mode 100644 index 0000000..6ab91b7 Binary files /dev/null and b/public/assets/images/logo/logo-dark.png differ diff --git a/public/assets/images/logo/logo-light-2.png b/public/assets/images/logo/logo-light-2.png new file mode 100644 index 0000000..287ecd2 Binary files /dev/null and b/public/assets/images/logo/logo-light-2.png differ diff --git a/public/assets/images/logo/train1.png b/public/assets/images/logo/train1.png new file mode 100644 index 0000000..6382f17 Binary files /dev/null and b/public/assets/images/logo/train1.png differ diff --git a/public/assets/images/logo/train3.png b/public/assets/images/logo/train3.png new file mode 100644 index 0000000..2ee4f4f Binary files /dev/null and b/public/assets/images/logo/train3.png differ diff --git a/public/assets/images/others/.DS_Store b/public/assets/images/others/.DS_Store new file mode 100644 index 0000000..ca1d9e3 Binary files /dev/null and b/public/assets/images/others/.DS_Store differ diff --git a/public/assets/images/others/3-Home-1.png b/public/assets/images/others/3-Home-1.png new file mode 100644 index 0000000..13c9f21 Binary files /dev/null and b/public/assets/images/others/3-Home-1.png differ diff --git a/public/assets/images/others/404.png b/public/assets/images/others/404.png new file mode 100644 index 0000000..7133291 Binary files /dev/null and b/public/assets/images/others/404.png differ diff --git a/public/assets/images/others/Mern1.jpg b/public/assets/images/others/Mern1.jpg new file mode 100644 index 0000000..730c224 Binary files /dev/null and b/public/assets/images/others/Mern1.jpg differ diff --git a/public/assets/images/others/campus-01.jpg b/public/assets/images/others/campus-01.jpg new file mode 100644 index 0000000..ad67c8e Binary files /dev/null and b/public/assets/images/others/campus-01.jpg differ diff --git a/public/assets/images/others/campus-01.webp b/public/assets/images/others/campus-01.webp new file mode 100644 index 0000000..ad67c8e Binary files /dev/null and b/public/assets/images/others/campus-01.webp differ diff --git a/public/assets/images/others/campus01.png b/public/assets/images/others/campus01.png new file mode 100644 index 0000000..e5d2c98 Binary files /dev/null and b/public/assets/images/others/campus01.png differ diff --git a/public/assets/images/others/contact.webp b/public/assets/images/others/contact.webp new file mode 100644 index 0000000..47b8efd Binary files /dev/null and b/public/assets/images/others/contact.webp differ diff --git a/public/assets/images/others/crs1.jpg b/public/assets/images/others/crs1.jpg new file mode 100644 index 0000000..f44931e Binary files /dev/null and b/public/assets/images/others/crs1.jpg differ diff --git a/public/assets/images/others/crs2.jpg b/public/assets/images/others/crs2.jpg new file mode 100644 index 0000000..b4d752b Binary files /dev/null and b/public/assets/images/others/crs2.jpg differ diff --git a/public/assets/images/others/crs3.jpg b/public/assets/images/others/crs3.jpg new file mode 100644 index 0000000..42081aa Binary files /dev/null and b/public/assets/images/others/crs3.jpg differ diff --git a/public/assets/images/others/dark-map-2-shape-3.png b/public/assets/images/others/dark-map-2-shape-3.png new file mode 100644 index 0000000..df4193e Binary files /dev/null and b/public/assets/images/others/dark-map-2-shape-3.png differ diff --git a/public/assets/images/others/dark-map-2.png b/public/assets/images/others/dark-map-2.png new file mode 100644 index 0000000..3f70ffc Binary files /dev/null and b/public/assets/images/others/dark-map-2.png differ diff --git a/public/assets/images/others/dark-map-shape-3.png b/public/assets/images/others/dark-map-shape-3.png new file mode 100644 index 0000000..13c9f21 Binary files /dev/null and b/public/assets/images/others/dark-map-shape-3.png differ diff --git a/public/assets/images/others/dark-map-shape.png b/public/assets/images/others/dark-map-shape.png new file mode 100644 index 0000000..b939331 Binary files /dev/null and b/public/assets/images/others/dark-map-shape.png differ diff --git a/public/assets/images/others/dark-shape-21.png b/public/assets/images/others/dark-shape-21.png new file mode 100644 index 0000000..1dd18f8 Binary files /dev/null and b/public/assets/images/others/dark-shape-21.png differ diff --git a/public/assets/images/others/data.jpg b/public/assets/images/others/data.jpg new file mode 100644 index 0000000..2372da1 Binary files /dev/null and b/public/assets/images/others/data.jpg differ diff --git a/public/assets/images/others/data3.jpg b/public/assets/images/others/data3.jpg new file mode 100644 index 0000000..3c27227 Binary files /dev/null and b/public/assets/images/others/data3.jpg differ diff --git a/public/assets/images/others/data5.jpg b/public/assets/images/others/data5.jpg new file mode 100644 index 0000000..551dcff Binary files /dev/null and b/public/assets/images/others/data5.jpg differ diff --git a/public/assets/images/others/faq-5-rtl.png b/public/assets/images/others/faq-5-rtl.png new file mode 100644 index 0000000..31ca10e Binary files /dev/null and b/public/assets/images/others/faq-5-rtl.png differ diff --git a/public/assets/images/others/faq-5-rtl.webp b/public/assets/images/others/faq-5-rtl.webp new file mode 100644 index 0000000..31ca10e Binary files /dev/null and b/public/assets/images/others/faq-5-rtl.webp differ diff --git a/public/assets/images/others/faq-5.png b/public/assets/images/others/faq-5.png new file mode 100644 index 0000000..31ca10e Binary files /dev/null and b/public/assets/images/others/faq-5.png differ diff --git a/public/assets/images/others/faq-5.webp b/public/assets/images/others/faq-5.webp new file mode 100644 index 0000000..31ca10e Binary files /dev/null and b/public/assets/images/others/faq-5.webp differ diff --git a/public/assets/images/others/faq-6.png b/public/assets/images/others/faq-6.png new file mode 100644 index 0000000..3af0910 Binary files /dev/null and b/public/assets/images/others/faq-6.png differ diff --git a/public/assets/images/others/faq-6.webp b/public/assets/images/others/faq-6.webp new file mode 100644 index 0000000..3af0910 Binary files /dev/null and b/public/assets/images/others/faq-6.webp differ diff --git a/public/assets/images/others/faq-7-rtl.png b/public/assets/images/others/faq-7-rtl.png new file mode 100644 index 0000000..f8eb8d7 Binary files /dev/null and b/public/assets/images/others/faq-7-rtl.png differ diff --git a/public/assets/images/others/faq-7-rtl.webp b/public/assets/images/others/faq-7-rtl.webp new file mode 100644 index 0000000..f8eb8d7 Binary files /dev/null and b/public/assets/images/others/faq-7-rtl.webp differ diff --git a/public/assets/images/others/faq-7.png b/public/assets/images/others/faq-7.png new file mode 100644 index 0000000..f8eb8d7 Binary files /dev/null and b/public/assets/images/others/faq-7.png differ diff --git a/public/assets/images/others/faq-7.webp b/public/assets/images/others/faq-7.webp new file mode 100644 index 0000000..f8eb8d7 Binary files /dev/null and b/public/assets/images/others/faq-7.webp differ diff --git a/public/assets/images/others/flag-1.jpg b/public/assets/images/others/flag-1.jpg new file mode 100644 index 0000000..a9a5290 Binary files /dev/null and b/public/assets/images/others/flag-1.jpg differ diff --git a/public/assets/images/others/flag-2.jpg b/public/assets/images/others/flag-2.jpg new file mode 100644 index 0000000..cde3742 Binary files /dev/null and b/public/assets/images/others/flag-2.jpg differ diff --git a/public/assets/images/others/flag-3.jpg b/public/assets/images/others/flag-3.jpg new file mode 100644 index 0000000..561436a Binary files /dev/null and b/public/assets/images/others/flag-3.jpg differ diff --git a/public/assets/images/others/flag-4.jpg b/public/assets/images/others/flag-4.jpg new file mode 100644 index 0000000..dc7392e Binary files /dev/null and b/public/assets/images/others/flag-4.jpg differ diff --git a/public/assets/images/others/flag-5.jpg b/public/assets/images/others/flag-5.jpg new file mode 100644 index 0000000..f932bb2 Binary files /dev/null and b/public/assets/images/others/flag-5.jpg differ diff --git a/public/assets/images/others/flag-6.jpg b/public/assets/images/others/flag-6.jpg new file mode 100644 index 0000000..93975d9 Binary files /dev/null and b/public/assets/images/others/flag-6.jpg differ diff --git a/public/assets/images/others/hacking-02.jpg b/public/assets/images/others/hacking-02.jpg new file mode 100644 index 0000000..708881a Binary files /dev/null and b/public/assets/images/others/hacking-02.jpg differ diff --git a/public/assets/images/others/health-shape-33.png b/public/assets/images/others/health-shape-33.png new file mode 100644 index 0000000..82d99ea Binary files /dev/null and b/public/assets/images/others/health-shape-33.png differ diff --git a/public/assets/images/others/health-shape-34.png b/public/assets/images/others/health-shape-34.png new file mode 100644 index 0000000..36c4c37 Binary files /dev/null and b/public/assets/images/others/health-shape-34.png differ diff --git a/public/assets/images/others/health-shape-35.png b/public/assets/images/others/health-shape-35.png new file mode 100644 index 0000000..dd3ce46 Binary files /dev/null and b/public/assets/images/others/health-shape-35.png differ diff --git a/public/assets/images/others/map-shape-1.png b/public/assets/images/others/map-shape-1.png new file mode 100644 index 0000000..9c54473 Binary files /dev/null and b/public/assets/images/others/map-shape-1.png differ diff --git a/public/assets/images/others/map-shape-2.png b/public/assets/images/others/map-shape-2.png new file mode 100644 index 0000000..6cc48cd Binary files /dev/null and b/public/assets/images/others/map-shape-2.png differ diff --git a/public/assets/images/others/map-shape-3.png b/public/assets/images/others/map-shape-3.png new file mode 100644 index 0000000..4d1df62 Binary files /dev/null and b/public/assets/images/others/map-shape-3.png differ diff --git a/public/assets/images/others/mask-01.png b/public/assets/images/others/mask-01.png new file mode 100644 index 0000000..be5f1ec Binary files /dev/null and b/public/assets/images/others/mask-01.png differ diff --git a/public/assets/images/others/mask-02.png b/public/assets/images/others/mask-02.png new file mode 100644 index 0000000..817e2ad Binary files /dev/null and b/public/assets/images/others/mask-02.png differ diff --git a/public/assets/images/others/mask-02.webp b/public/assets/images/others/mask-02.webp new file mode 100644 index 0000000..297ee80 Binary files /dev/null and b/public/assets/images/others/mask-02.webp differ diff --git a/public/assets/images/others/mask-03.png b/public/assets/images/others/mask-03.png new file mode 100644 index 0000000..7ccdb2b Binary files /dev/null and b/public/assets/images/others/mask-03.png differ diff --git a/public/assets/images/others/mask-03.webp b/public/assets/images/others/mask-03.webp new file mode 100644 index 0000000..057c419 Binary files /dev/null and b/public/assets/images/others/mask-03.webp differ diff --git a/public/assets/images/others/mask-04.png b/public/assets/images/others/mask-04.png new file mode 100644 index 0000000..377a91e Binary files /dev/null and b/public/assets/images/others/mask-04.png differ diff --git a/public/assets/images/others/mask-05.png b/public/assets/images/others/mask-05.png new file mode 100644 index 0000000..163812e Binary files /dev/null and b/public/assets/images/others/mask-05.png differ diff --git a/public/assets/images/others/mask-06.png b/public/assets/images/others/mask-06.png new file mode 100644 index 0000000..e4a9680 Binary files /dev/null and b/public/assets/images/others/mask-06.png differ diff --git a/public/assets/images/others/mask-07.png b/public/assets/images/others/mask-07.png new file mode 100644 index 0000000..8b5a2cd Binary files /dev/null and b/public/assets/images/others/mask-07.png differ diff --git a/public/assets/images/others/mask-08.png b/public/assets/images/others/mask-08.png new file mode 100644 index 0000000..36298ee Binary files /dev/null and b/public/assets/images/others/mask-08.png differ diff --git a/public/assets/images/others/mask-09.png b/public/assets/images/others/mask-09.png new file mode 100644 index 0000000..665f5d9 Binary files /dev/null and b/public/assets/images/others/mask-09.png differ diff --git a/public/assets/images/others/rtl-faq-6.png b/public/assets/images/others/rtl-faq-6.png new file mode 100644 index 0000000..3af0910 Binary files /dev/null and b/public/assets/images/others/rtl-faq-6.png differ diff --git a/public/assets/images/others/rtl-faq-6.webp b/public/assets/images/others/rtl-faq-6.webp new file mode 100644 index 0000000..3af0910 Binary files /dev/null and b/public/assets/images/others/rtl-faq-6.webp differ diff --git a/public/assets/images/others/shape-01-01.png b/public/assets/images/others/shape-01-01.png new file mode 100644 index 0000000..6841a43 Binary files /dev/null and b/public/assets/images/others/shape-01-01.png differ diff --git a/public/assets/images/others/shape-01.png b/public/assets/images/others/shape-01.png new file mode 100644 index 0000000..eb17beb Binary files /dev/null and b/public/assets/images/others/shape-01.png differ diff --git a/public/assets/images/others/shape-02-01.png b/public/assets/images/others/shape-02-01.png new file mode 100644 index 0000000..e88e4bf Binary files /dev/null and b/public/assets/images/others/shape-02-01.png differ diff --git a/public/assets/images/others/shape-02.png b/public/assets/images/others/shape-02.png new file mode 100644 index 0000000..f025915 Binary files /dev/null and b/public/assets/images/others/shape-02.png differ diff --git a/public/assets/images/others/shape-03-01.png b/public/assets/images/others/shape-03-01.png new file mode 100644 index 0000000..2ff7301 Binary files /dev/null and b/public/assets/images/others/shape-03-01.png differ diff --git a/public/assets/images/others/shape-03.png b/public/assets/images/others/shape-03.png new file mode 100644 index 0000000..f258b29 Binary files /dev/null and b/public/assets/images/others/shape-03.png differ diff --git a/public/assets/images/others/shape-04-01.png b/public/assets/images/others/shape-04-01.png new file mode 100644 index 0000000..8157167 Binary files /dev/null and b/public/assets/images/others/shape-04-01.png differ diff --git a/public/assets/images/others/shape-04.png b/public/assets/images/others/shape-04.png new file mode 100644 index 0000000..cc2f05a Binary files /dev/null and b/public/assets/images/others/shape-04.png differ diff --git a/public/assets/images/others/shape-05-01.png b/public/assets/images/others/shape-05-01.png new file mode 100644 index 0000000..9d66ef1 Binary files /dev/null and b/public/assets/images/others/shape-05-01.png differ diff --git a/public/assets/images/others/shape-05.png b/public/assets/images/others/shape-05.png new file mode 100644 index 0000000..cf43ad4 Binary files /dev/null and b/public/assets/images/others/shape-05.png differ diff --git a/public/assets/images/others/shape-06.png b/public/assets/images/others/shape-06.png new file mode 100644 index 0000000..0645d56 Binary files /dev/null and b/public/assets/images/others/shape-06.png differ diff --git a/public/assets/images/others/shape-07.png b/public/assets/images/others/shape-07.png new file mode 100644 index 0000000..b2e602d Binary files /dev/null and b/public/assets/images/others/shape-07.png differ diff --git a/public/assets/images/others/shape-08.png b/public/assets/images/others/shape-08.png new file mode 100644 index 0000000..c87a1c7 Binary files /dev/null and b/public/assets/images/others/shape-08.png differ diff --git a/public/assets/images/others/shape-09.png b/public/assets/images/others/shape-09.png new file mode 100644 index 0000000..76b80aa Binary files /dev/null and b/public/assets/images/others/shape-09.png differ diff --git a/public/assets/images/others/shape-10.png b/public/assets/images/others/shape-10.png new file mode 100644 index 0000000..f40ed58 Binary files /dev/null and b/public/assets/images/others/shape-10.png differ diff --git a/public/assets/images/others/shape-11.png b/public/assets/images/others/shape-11.png new file mode 100644 index 0000000..67fa093 Binary files /dev/null and b/public/assets/images/others/shape-11.png differ diff --git a/public/assets/images/others/shape-12.png b/public/assets/images/others/shape-12.png new file mode 100644 index 0000000..6096dbc Binary files /dev/null and b/public/assets/images/others/shape-12.png differ diff --git a/public/assets/images/others/shape-13.png b/public/assets/images/others/shape-13.png new file mode 100644 index 0000000..127beda Binary files /dev/null and b/public/assets/images/others/shape-13.png differ diff --git a/public/assets/images/others/shape-14.png b/public/assets/images/others/shape-14.png new file mode 100644 index 0000000..90d68c5 Binary files /dev/null and b/public/assets/images/others/shape-14.png differ diff --git a/public/assets/images/others/shape-15.png b/public/assets/images/others/shape-15.png new file mode 100644 index 0000000..99abfba Binary files /dev/null and b/public/assets/images/others/shape-15.png differ diff --git a/public/assets/images/others/shape-16.png b/public/assets/images/others/shape-16.png new file mode 100644 index 0000000..d04d612 Binary files /dev/null and b/public/assets/images/others/shape-16.png differ diff --git a/public/assets/images/others/shape-17.png b/public/assets/images/others/shape-17.png new file mode 100644 index 0000000..6ea321c Binary files /dev/null and b/public/assets/images/others/shape-17.png differ diff --git a/public/assets/images/others/shape-18.png b/public/assets/images/others/shape-18.png new file mode 100644 index 0000000..078d366 Binary files /dev/null and b/public/assets/images/others/shape-18.png differ diff --git a/public/assets/images/others/shape-19.png b/public/assets/images/others/shape-19.png new file mode 100644 index 0000000..11d8969 Binary files /dev/null and b/public/assets/images/others/shape-19.png differ diff --git a/public/assets/images/others/shape-20.png b/public/assets/images/others/shape-20.png new file mode 100644 index 0000000..d45ffd7 Binary files /dev/null and b/public/assets/images/others/shape-20.png differ diff --git a/public/assets/images/others/shape-21.png b/public/assets/images/others/shape-21.png new file mode 100644 index 0000000..fd43b71 Binary files /dev/null and b/public/assets/images/others/shape-21.png differ diff --git a/public/assets/images/others/shape-22.png b/public/assets/images/others/shape-22.png new file mode 100644 index 0000000..630222c Binary files /dev/null and b/public/assets/images/others/shape-22.png differ diff --git a/public/assets/images/others/shape-23.png b/public/assets/images/others/shape-23.png new file mode 100644 index 0000000..9fb5b96 Binary files /dev/null and b/public/assets/images/others/shape-23.png differ diff --git a/public/assets/images/others/shape-24.png b/public/assets/images/others/shape-24.png new file mode 100644 index 0000000..4052532 Binary files /dev/null and b/public/assets/images/others/shape-24.png differ diff --git a/public/assets/images/others/shape-25.png b/public/assets/images/others/shape-25.png new file mode 100644 index 0000000..544c970 Binary files /dev/null and b/public/assets/images/others/shape-25.png differ diff --git a/public/assets/images/others/shape-26.png b/public/assets/images/others/shape-26.png new file mode 100644 index 0000000..2def0dd Binary files /dev/null and b/public/assets/images/others/shape-26.png differ diff --git a/public/assets/images/others/shape-27.png b/public/assets/images/others/shape-27.png new file mode 100644 index 0000000..b280021 Binary files /dev/null and b/public/assets/images/others/shape-27.png differ diff --git a/public/assets/images/others/shape-30.png b/public/assets/images/others/shape-30.png new file mode 100644 index 0000000..ab4a90b Binary files /dev/null and b/public/assets/images/others/shape-30.png differ diff --git a/public/assets/images/others/shape-31.png b/public/assets/images/others/shape-31.png new file mode 100644 index 0000000..25fe98b Binary files /dev/null and b/public/assets/images/others/shape-31.png differ diff --git a/public/assets/images/others/shape-32-rtl.png b/public/assets/images/others/shape-32-rtl.png new file mode 100644 index 0000000..ea5bb84 Binary files /dev/null and b/public/assets/images/others/shape-32-rtl.png differ diff --git a/public/assets/images/others/shape-32.png b/public/assets/images/others/shape-32.png new file mode 100644 index 0000000..ac86380 Binary files /dev/null and b/public/assets/images/others/shape-32.png differ diff --git a/public/assets/images/others/shape-33.png b/public/assets/images/others/shape-33.png new file mode 100644 index 0000000..4e143e6 Binary files /dev/null and b/public/assets/images/others/shape-33.png differ diff --git a/public/assets/images/others/shape-34.png b/public/assets/images/others/shape-34.png new file mode 100644 index 0000000..b52e2bc Binary files /dev/null and b/public/assets/images/others/shape-34.png differ diff --git a/public/assets/images/others/shape-35.png b/public/assets/images/others/shape-35.png new file mode 100644 index 0000000..bafc166 Binary files /dev/null and b/public/assets/images/others/shape-35.png differ diff --git a/public/assets/images/others/shape-36.png b/public/assets/images/others/shape-36.png new file mode 100644 index 0000000..c3f52ed Binary files /dev/null and b/public/assets/images/others/shape-36.png differ diff --git a/public/assets/images/others/shape-37.png b/public/assets/images/others/shape-37.png new file mode 100644 index 0000000..06f5df3 Binary files /dev/null and b/public/assets/images/others/shape-37.png differ diff --git a/public/assets/images/others/shape-38.png b/public/assets/images/others/shape-38.png new file mode 100644 index 0000000..8e18603 Binary files /dev/null and b/public/assets/images/others/shape-38.png differ diff --git a/public/assets/images/others/shape-39.png b/public/assets/images/others/shape-39.png new file mode 100644 index 0000000..4b4f029 Binary files /dev/null and b/public/assets/images/others/shape-39.png differ diff --git a/public/assets/images/others/shape-40.png b/public/assets/images/others/shape-40.png new file mode 100644 index 0000000..71d9335 Binary files /dev/null and b/public/assets/images/others/shape-40.png differ diff --git a/public/assets/images/others/shape-41.png b/public/assets/images/others/shape-41.png new file mode 100644 index 0000000..fb4980a Binary files /dev/null and b/public/assets/images/others/shape-41.png differ diff --git a/public/assets/images/others/shape-42.png b/public/assets/images/others/shape-42.png new file mode 100644 index 0000000..1be88f2 Binary files /dev/null and b/public/assets/images/others/shape-42.png differ diff --git a/public/assets/images/others/shape-43.png b/public/assets/images/others/shape-43.png new file mode 100644 index 0000000..4da8016 Binary files /dev/null and b/public/assets/images/others/shape-43.png differ diff --git a/public/assets/images/others/shape-44.png b/public/assets/images/others/shape-44.png new file mode 100644 index 0000000..d83529d Binary files /dev/null and b/public/assets/images/others/shape-44.png differ diff --git a/public/assets/images/others/shape-rtl-13.png b/public/assets/images/others/shape-rtl-13.png new file mode 100644 index 0000000..f5de6f8 Binary files /dev/null and b/public/assets/images/others/shape-rtl-13.png differ diff --git a/public/assets/images/others/shape-rtl-14.png b/public/assets/images/others/shape-rtl-14.png new file mode 100644 index 0000000..1549a45 Binary files /dev/null and b/public/assets/images/others/shape-rtl-14.png differ diff --git a/public/assets/images/others/uxui.webp b/public/assets/images/others/uxui.webp new file mode 100644 index 0000000..6e1a665 Binary files /dev/null and b/public/assets/images/others/uxui.webp differ diff --git a/public/assets/images/others/vid3.webp b/public/assets/images/others/vid3.webp new file mode 100644 index 0000000..f641493 Binary files /dev/null and b/public/assets/images/others/vid3.webp differ diff --git a/public/assets/images/others/video-01.jpg b/public/assets/images/others/video-01.jpg new file mode 100644 index 0000000..2ecab58 Binary files /dev/null and b/public/assets/images/others/video-01.jpg differ diff --git a/public/assets/images/others/video-01.webp b/public/assets/images/others/video-01.webp new file mode 100644 index 0000000..2ecab58 Binary files /dev/null and b/public/assets/images/others/video-01.webp differ diff --git a/public/assets/images/others/video-02.jpg b/public/assets/images/others/video-02.jpg new file mode 100644 index 0000000..2ecab58 Binary files /dev/null and b/public/assets/images/others/video-02.jpg differ diff --git a/public/assets/images/others/video-02.webp b/public/assets/images/others/video-02.webp new file mode 100644 index 0000000..2ecab58 Binary files /dev/null and b/public/assets/images/others/video-02.webp differ diff --git a/public/assets/images/others/video-03.jpg b/public/assets/images/others/video-03.jpg new file mode 100644 index 0000000..d1fbb3e Binary files /dev/null and b/public/assets/images/others/video-03.jpg differ diff --git a/public/assets/images/others/video-03.webp b/public/assets/images/others/video-03.webp new file mode 100644 index 0000000..d1fbb3e Binary files /dev/null and b/public/assets/images/others/video-03.webp differ diff --git a/public/assets/images/others/video-5.jpg b/public/assets/images/others/video-5.jpg new file mode 100644 index 0000000..6ceb683 Binary files /dev/null and b/public/assets/images/others/video-5.jpg differ diff --git a/public/assets/images/others/video-5.webp b/public/assets/images/others/video-5.webp new file mode 100644 index 0000000..6ceb683 Binary files /dev/null and b/public/assets/images/others/video-5.webp differ diff --git a/public/assets/images/others/video-6.jpg b/public/assets/images/others/video-6.jpg new file mode 100644 index 0000000..6ceb683 Binary files /dev/null and b/public/assets/images/others/video-6.jpg differ diff --git a/public/assets/images/others/video-6.webp b/public/assets/images/others/video-6.webp new file mode 100644 index 0000000..6ceb683 Binary files /dev/null and b/public/assets/images/others/video-6.webp differ diff --git a/public/assets/images/others/why-choose-01.jpg b/public/assets/images/others/why-choose-01.jpg new file mode 100644 index 0000000..cdb0ca0 Binary files /dev/null and b/public/assets/images/others/why-choose-01.jpg differ diff --git a/public/assets/images/others/why-choose-01.webp b/public/assets/images/others/why-choose-01.webp new file mode 100644 index 0000000..cdb0ca0 Binary files /dev/null and b/public/assets/images/others/why-choose-01.webp differ diff --git a/public/assets/images/others/why-choose-02.jpg b/public/assets/images/others/why-choose-02.jpg new file mode 100644 index 0000000..b15262d Binary files /dev/null and b/public/assets/images/others/why-choose-02.jpg differ diff --git a/public/assets/images/others/why-choose-02.webp b/public/assets/images/others/why-choose-02.webp new file mode 100644 index 0000000..b15262d Binary files /dev/null and b/public/assets/images/others/why-choose-02.webp differ diff --git a/public/assets/images/others/why-choose-03.jpg b/public/assets/images/others/why-choose-03.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/others/why-choose-03.jpg differ diff --git a/public/assets/images/others/why-choose-03.webp b/public/assets/images/others/why-choose-03.webp new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/others/why-choose-03.webp differ diff --git a/public/assets/images/others/why-choose-04.jpg b/public/assets/images/others/why-choose-04.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/others/why-choose-04.jpg differ diff --git a/public/assets/images/others/why-choose-04.webp b/public/assets/images/others/why-choose-04.webp new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/others/why-choose-04.webp differ diff --git a/public/assets/images/others/why-choose-05.jpg b/public/assets/images/others/why-choose-05.jpg new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/others/why-choose-05.jpg differ diff --git a/public/assets/images/others/why-choose-05.webp b/public/assets/images/others/why-choose-05.webp new file mode 100644 index 0000000..06fe6be Binary files /dev/null and b/public/assets/images/others/why-choose-05.webp differ diff --git a/public/assets/images/preview/.DS_Store b/public/assets/images/preview/.DS_Store new file mode 100644 index 0000000..88065db Binary files /dev/null and b/public/assets/images/preview/.DS_Store differ diff --git a/public/assets/images/preview/Language-Academy.jpg b/public/assets/images/preview/Language-Academy.jpg new file mode 100644 index 0000000..f0f256c Binary files /dev/null and b/public/assets/images/preview/Language-Academy.jpg differ diff --git a/public/assets/images/preview/banner-rtl.jpg b/public/assets/images/preview/banner-rtl.jpg new file mode 100644 index 0000000..f0f256c Binary files /dev/null and b/public/assets/images/preview/banner-rtl.jpg differ diff --git a/public/assets/images/preview/banner-thumb1.jpg b/public/assets/images/preview/banner-thumb1.jpg new file mode 100644 index 0000000..1088c58 Binary files /dev/null and b/public/assets/images/preview/banner-thumb1.jpg differ diff --git a/public/assets/images/preview/banner-thumb2.jpg b/public/assets/images/preview/banner-thumb2.jpg new file mode 100644 index 0000000..ec7afa2 Binary files /dev/null and b/public/assets/images/preview/banner-thumb2.jpg differ diff --git a/public/assets/images/preview/banner-thumb3.jpg b/public/assets/images/preview/banner-thumb3.jpg new file mode 100644 index 0000000..3f551b4 Binary files /dev/null and b/public/assets/images/preview/banner-thumb3.jpg differ diff --git a/public/assets/images/preview/banner-thumb4.jpg b/public/assets/images/preview/banner-thumb4.jpg new file mode 100644 index 0000000..ec7afa2 Binary files /dev/null and b/public/assets/images/preview/banner-thumb4.jpg differ diff --git a/public/assets/images/preview/banner-thumb5.jpg b/public/assets/images/preview/banner-thumb5.jpg new file mode 100644 index 0000000..034f5d7 Binary files /dev/null and b/public/assets/images/preview/banner-thumb5.jpg differ diff --git a/public/assets/images/preview/coming-soon.png b/public/assets/images/preview/coming-soon.png new file mode 100644 index 0000000..fd434cf Binary files /dev/null and b/public/assets/images/preview/coming-soon.png differ diff --git a/public/assets/images/preview/course-details.png b/public/assets/images/preview/course-details.png new file mode 100644 index 0000000..1a8052c Binary files /dev/null and b/public/assets/images/preview/course-details.png differ diff --git a/public/assets/images/preview/courses.png b/public/assets/images/preview/courses.png new file mode 100644 index 0000000..0f6c9aa Binary files /dev/null and b/public/assets/images/preview/courses.png differ diff --git a/public/assets/images/preview/dark-version.png b/public/assets/images/preview/dark-version.png new file mode 100644 index 0000000..f0f256c Binary files /dev/null and b/public/assets/images/preview/dark-version.png differ diff --git a/public/assets/images/preview/health-coach.jpg b/public/assets/images/preview/health-coach.jpg new file mode 100644 index 0000000..f0f256c Binary files /dev/null and b/public/assets/images/preview/health-coach.jpg differ diff --git a/public/assets/images/preview/home-01.jpg b/public/assets/images/preview/home-01.jpg new file mode 100644 index 0000000..f0f256c Binary files /dev/null and b/public/assets/images/preview/home-01.jpg differ diff --git a/public/assets/images/preview/home-02.jpg b/public/assets/images/preview/home-02.jpg new file mode 100644 index 0000000..f0f256c Binary files /dev/null and b/public/assets/images/preview/home-02.jpg differ diff --git a/public/assets/images/preview/home-03.jpg b/public/assets/images/preview/home-03.jpg new file mode 100644 index 0000000..f0f256c Binary files /dev/null and b/public/assets/images/preview/home-03.jpg differ diff --git a/public/assets/images/preview/home-04.jpg b/public/assets/images/preview/home-04.jpg new file mode 100644 index 0000000..f0f256c Binary files /dev/null and b/public/assets/images/preview/home-04.jpg differ diff --git a/public/assets/images/preview/home-05.jpg b/public/assets/images/preview/home-05.jpg new file mode 100644 index 0000000..f0f256c Binary files /dev/null and b/public/assets/images/preview/home-05.jpg differ diff --git a/public/assets/images/preview/home-06.jpg b/public/assets/images/preview/home-06.jpg new file mode 100644 index 0000000..f0f256c Binary files /dev/null and b/public/assets/images/preview/home-06.jpg differ diff --git a/public/assets/images/preview/home-07.jpg b/public/assets/images/preview/home-07.jpg new file mode 100644 index 0000000..f0f256c Binary files /dev/null and b/public/assets/images/preview/home-07.jpg differ diff --git a/public/assets/images/preview/home-modern-schooling.jpg b/public/assets/images/preview/home-modern-schooling.jpg new file mode 100644 index 0000000..f0f256c Binary files /dev/null and b/public/assets/images/preview/home-modern-schooling.jpg differ diff --git a/public/assets/images/preview/icon-14.png b/public/assets/images/preview/icon-14.png new file mode 100644 index 0000000..cd50d8b Binary files /dev/null and b/public/assets/images/preview/icon-14.png differ diff --git a/public/assets/images/preview/icon-15.png b/public/assets/images/preview/icon-15.png new file mode 100644 index 0000000..dba87be Binary files /dev/null and b/public/assets/images/preview/icon-15.png differ diff --git a/public/assets/images/preview/icon-16.png b/public/assets/images/preview/icon-16.png new file mode 100644 index 0000000..c279d18 Binary files /dev/null and b/public/assets/images/preview/icon-16.png differ diff --git a/public/assets/images/preview/icon-17.png b/public/assets/images/preview/icon-17.png new file mode 100644 index 0000000..97ebafa Binary files /dev/null and b/public/assets/images/preview/icon-17.png differ diff --git a/public/assets/images/preview/icon-18.png b/public/assets/images/preview/icon-18.png new file mode 100644 index 0000000..2d8091f Binary files /dev/null and b/public/assets/images/preview/icon-18.png differ diff --git a/public/assets/images/preview/icon-19.png b/public/assets/images/preview/icon-19.png new file mode 100644 index 0000000..fae6267 Binary files /dev/null and b/public/assets/images/preview/icon-19.png differ diff --git a/public/assets/images/preview/icon-20.png b/public/assets/images/preview/icon-20.png new file mode 100644 index 0000000..6927518 Binary files /dev/null and b/public/assets/images/preview/icon-20.png differ diff --git a/public/assets/images/preview/icon-21.png b/public/assets/images/preview/icon-21.png new file mode 100644 index 0000000..9fc093b Binary files /dev/null and b/public/assets/images/preview/icon-21.png differ diff --git a/public/assets/images/preview/icon-22.png b/public/assets/images/preview/icon-22.png new file mode 100644 index 0000000..3b39d7d Binary files /dev/null and b/public/assets/images/preview/icon-22.png differ diff --git a/public/assets/images/preview/icon-23.png b/public/assets/images/preview/icon-23.png new file mode 100644 index 0000000..d1f5bab Binary files /dev/null and b/public/assets/images/preview/icon-23.png differ diff --git a/public/assets/images/preview/icon-24.png b/public/assets/images/preview/icon-24.png new file mode 100644 index 0000000..e963470 Binary files /dev/null and b/public/assets/images/preview/icon-24.png differ diff --git a/public/assets/images/preview/icon-26.png b/public/assets/images/preview/icon-26.png new file mode 100644 index 0000000..a2264a2 Binary files /dev/null and b/public/assets/images/preview/icon-26.png differ diff --git a/public/assets/images/preview/icon-27.png b/public/assets/images/preview/icon-27.png new file mode 100644 index 0000000..dcb6918 Binary files /dev/null and b/public/assets/images/preview/icon-27.png differ diff --git a/public/assets/images/preview/icon-28.png b/public/assets/images/preview/icon-28.png new file mode 100644 index 0000000..79a7094 Binary files /dev/null and b/public/assets/images/preview/icon-28.png differ diff --git a/public/assets/images/preview/icon-29.png b/public/assets/images/preview/icon-29.png new file mode 100644 index 0000000..f425d46 Binary files /dev/null and b/public/assets/images/preview/icon-29.png differ diff --git a/public/assets/images/preview/inner-demo.png b/public/assets/images/preview/inner-demo.png new file mode 100644 index 0000000..720d1ab Binary files /dev/null and b/public/assets/images/preview/inner-demo.png differ diff --git a/public/assets/images/preview/instructor.png b/public/assets/images/preview/instructor.png new file mode 100644 index 0000000..96cd127 Binary files /dev/null and b/public/assets/images/preview/instructor.png differ diff --git a/public/assets/images/preview/shop-demo-left.png b/public/assets/images/preview/shop-demo-left.png new file mode 100644 index 0000000..b7fd61a Binary files /dev/null and b/public/assets/images/preview/shop-demo-left.png differ diff --git a/public/assets/images/preview/shop-demo-main.png b/public/assets/images/preview/shop-demo-main.png new file mode 100644 index 0000000..945e004 Binary files /dev/null and b/public/assets/images/preview/shop-demo-main.png differ diff --git a/public/assets/images/preview/shop-demo-right.png b/public/assets/images/preview/shop-demo-right.png new file mode 100644 index 0000000..d82b9de Binary files /dev/null and b/public/assets/images/preview/shop-demo-right.png differ diff --git a/public/assets/images/preview/shop-demo.png b/public/assets/images/preview/shop-demo.png new file mode 100644 index 0000000..23d0ced Binary files /dev/null and b/public/assets/images/preview/shop-demo.png differ diff --git a/public/assets/images/svg-icons/books-2.svg b/public/assets/images/svg-icons/books-2.svg new file mode 100644 index 0000000..2647f33 --- /dev/null +++ b/public/assets/images/svg-icons/books-2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg-icons/books.svg b/public/assets/images/svg-icons/books.svg new file mode 100644 index 0000000..e1c7f6e --- /dev/null +++ b/public/assets/images/svg-icons/books.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/public/assets/images/svg-icons/certificate.svg b/public/assets/images/svg-icons/certificate.svg new file mode 100644 index 0000000..6d9157c --- /dev/null +++ b/public/assets/images/svg-icons/certificate.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg-icons/circle-big.svg b/public/assets/images/svg-icons/circle-big.svg new file mode 100644 index 0000000..293bfd2 --- /dev/null +++ b/public/assets/images/svg-icons/circle-big.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg-icons/circle-small.svg b/public/assets/images/svg-icons/circle-small.svg new file mode 100644 index 0000000..45bca51 --- /dev/null +++ b/public/assets/images/svg-icons/circle-small.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg-icons/clock.svg b/public/assets/images/svg-icons/clock.svg new file mode 100644 index 0000000..9b40b2a --- /dev/null +++ b/public/assets/images/svg-icons/clock.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg-icons/h-8-shape-34.svg b/public/assets/images/svg-icons/h-8-shape-34.svg new file mode 100644 index 0000000..a25e54b --- /dev/null +++ b/public/assets/images/svg-icons/h-8-shape-34.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg-icons/h-8-shape-35.svg b/public/assets/images/svg-icons/h-8-shape-35.svg new file mode 100644 index 0000000..e3d6d18 --- /dev/null +++ b/public/assets/images/svg-icons/h-8-shape-35.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg-icons/h-8-shape-36.svg b/public/assets/images/svg-icons/h-8-shape-36.svg new file mode 100644 index 0000000..cb33cef --- /dev/null +++ b/public/assets/images/svg-icons/h-8-shape-36.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg-icons/icon-04.svg b/public/assets/images/svg-icons/icon-04.svg new file mode 100644 index 0000000..526edaa --- /dev/null +++ b/public/assets/images/svg-icons/icon-04.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg-icons/icon-05.svg b/public/assets/images/svg-icons/icon-05.svg new file mode 100644 index 0000000..8472539 --- /dev/null +++ b/public/assets/images/svg-icons/icon-05.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg-icons/icon-left.svg b/public/assets/images/svg-icons/icon-left.svg new file mode 100644 index 0000000..7934a24 --- /dev/null +++ b/public/assets/images/svg-icons/icon-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg-icons/icon-right.svg b/public/assets/images/svg-icons/icon-right.svg new file mode 100644 index 0000000..7e1ee8b --- /dev/null +++ b/public/assets/images/svg-icons/icon-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg-icons/instructor.svg b/public/assets/images/svg-icons/instructor.svg new file mode 100644 index 0000000..4beec47 --- /dev/null +++ b/public/assets/images/svg-icons/instructor.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg-icons/online-class.svg b/public/assets/images/svg-icons/online-class.svg new file mode 100644 index 0000000..c9177d3 --- /dev/null +++ b/public/assets/images/svg-icons/online-class.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/svg-icons/user.svg b/public/assets/images/svg-icons/user.svg new file mode 100644 index 0000000..2cedb11 --- /dev/null +++ b/public/assets/images/svg-icons/user.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/team/.DS_Store b/public/assets/images/team/.DS_Store new file mode 100644 index 0000000..6b044cb Binary files /dev/null and b/public/assets/images/team/.DS_Store differ diff --git a/public/assets/images/team/team-01/.DS_Store b/public/assets/images/team/team-01/.DS_Store new file mode 100644 index 0000000..9bba382 Binary files /dev/null and b/public/assets/images/team/team-01/.DS_Store differ diff --git a/public/assets/images/team/team-01/team-01.webp b/public/assets/images/team/team-01/team-01.webp new file mode 100644 index 0000000..99e99b1 Binary files /dev/null and b/public/assets/images/team/team-01/team-01.webp differ diff --git a/public/assets/images/team/team-01/team-02.webp b/public/assets/images/team/team-01/team-02.webp new file mode 100644 index 0000000..99e99b1 Binary files /dev/null and b/public/assets/images/team/team-01/team-02.webp differ diff --git a/public/assets/images/team/team-01/team-03.webp b/public/assets/images/team/team-01/team-03.webp new file mode 100644 index 0000000..99e99b1 Binary files /dev/null and b/public/assets/images/team/team-01/team-03.webp differ diff --git a/public/assets/images/team/team-01/team-04.webp b/public/assets/images/team/team-01/team-04.webp new file mode 100644 index 0000000..99e99b1 Binary files /dev/null and b/public/assets/images/team/team-01/team-04.webp differ diff --git a/public/assets/images/team/team-01/team-05.webp b/public/assets/images/team/team-01/team-05.webp new file mode 100644 index 0000000..99e99b1 Binary files /dev/null and b/public/assets/images/team/team-01/team-05.webp differ diff --git a/public/assets/images/team/team-01/team-06.webp b/public/assets/images/team/team-01/team-06.webp new file mode 100644 index 0000000..99e99b1 Binary files /dev/null and b/public/assets/images/team/team-01/team-06.webp differ diff --git a/public/assets/images/team/team-01/team-07.webp b/public/assets/images/team/team-01/team-07.webp new file mode 100644 index 0000000..99e99b1 Binary files /dev/null and b/public/assets/images/team/team-01/team-07.webp differ diff --git a/public/assets/images/team/team-01/team-08.webp b/public/assets/images/team/team-01/team-08.webp new file mode 100644 index 0000000..99e99b1 Binary files /dev/null and b/public/assets/images/team/team-01/team-08.webp differ diff --git a/public/assets/images/team/team-02/.DS_Store b/public/assets/images/team/team-02/.DS_Store new file mode 100644 index 0000000..aaf8bf2 Binary files /dev/null and b/public/assets/images/team/team-02/.DS_Store differ diff --git a/public/assets/images/team/team-02/partner-02.webp b/public/assets/images/team/team-02/partner-02.webp new file mode 100644 index 0000000..d00ff55 Binary files /dev/null and b/public/assets/images/team/team-02/partner-02.webp differ diff --git a/public/assets/images/team/team-02/pro-ins-01.jpg b/public/assets/images/team/team-02/pro-ins-01.jpg new file mode 100644 index 0000000..43c68ce Binary files /dev/null and b/public/assets/images/team/team-02/pro-ins-01.jpg differ diff --git a/public/assets/images/team/team-02/pro-ins-02.jpg b/public/assets/images/team/team-02/pro-ins-02.jpg new file mode 100644 index 0000000..c8374af Binary files /dev/null and b/public/assets/images/team/team-02/pro-ins-02.jpg differ diff --git a/public/assets/images/team/team-02/pro-ins-03.jpg b/public/assets/images/team/team-02/pro-ins-03.jpg new file mode 100644 index 0000000..4cf0841 Binary files /dev/null and b/public/assets/images/team/team-02/pro-ins-03.jpg differ diff --git a/public/assets/images/team/team-02/pro-ins-04.jpg b/public/assets/images/team/team-02/pro-ins-04.jpg new file mode 100644 index 0000000..cb81af8 Binary files /dev/null and b/public/assets/images/team/team-02/pro-ins-04.jpg differ diff --git a/public/assets/images/team/team-02/pro-ins-05.jpg b/public/assets/images/team/team-02/pro-ins-05.jpg new file mode 100644 index 0000000..9d1ae1c Binary files /dev/null and b/public/assets/images/team/team-02/pro-ins-05.jpg differ diff --git a/public/assets/images/team/team-02/pro-ins-06.jpg b/public/assets/images/team/team-02/pro-ins-06.jpg new file mode 100644 index 0000000..1503fc2 Binary files /dev/null and b/public/assets/images/team/team-02/pro-ins-06.jpg differ diff --git a/public/assets/images/team/team-02/pro-ins-07.jpg b/public/assets/images/team/team-02/pro-ins-07.jpg new file mode 100644 index 0000000..c1d547d Binary files /dev/null and b/public/assets/images/team/team-02/pro-ins-07.jpg differ diff --git a/public/assets/images/team/team-02/py-01.jpg b/public/assets/images/team/team-02/py-01.jpg new file mode 100644 index 0000000..82d8f5c Binary files /dev/null and b/public/assets/images/team/team-02/py-01.jpg differ diff --git a/public/assets/images/team/team-02/py-02.jpg b/public/assets/images/team/team-02/py-02.jpg new file mode 100644 index 0000000..8961afd Binary files /dev/null and b/public/assets/images/team/team-02/py-02.jpg differ diff --git a/public/assets/images/team/team-02/py-03.jpg b/public/assets/images/team/team-02/py-03.jpg new file mode 100644 index 0000000..2f36ca8 Binary files /dev/null and b/public/assets/images/team/team-02/py-03.jpg differ diff --git a/public/assets/images/team/team-02/team-01.webp b/public/assets/images/team/team-02/team-01.webp new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/team/team-02/team-01.webp differ diff --git a/public/assets/images/team/team-02/team-02.webp b/public/assets/images/team/team-02/team-02.webp new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/team/team-02/team-02.webp differ diff --git a/public/assets/images/team/team-02/team-03.webp b/public/assets/images/team/team-02/team-03.webp new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/team/team-02/team-03.webp differ diff --git a/public/assets/images/team/team-02/team-04.webp b/public/assets/images/team/team-02/team-04.webp new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/team/team-02/team-04.webp differ diff --git a/public/assets/images/team/team-02/team-05.webp b/public/assets/images/team/team-02/team-05.webp new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/team/team-02/team-05.webp differ diff --git a/public/assets/images/team/team-02/team-06.webp b/public/assets/images/team/team-02/team-06.webp new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/team/team-02/team-06.webp differ diff --git a/public/assets/images/team/team-02/team-07.webp b/public/assets/images/team/team-02/team-07.webp new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/team/team-02/team-07.webp differ diff --git a/public/assets/images/team/team-02/team-08.webp b/public/assets/images/team/team-02/team-08.webp new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/team/team-02/team-08.webp differ diff --git a/public/assets/images/team/yoga-instructor/.DS_Store b/public/assets/images/team/yoga-instructor/.DS_Store new file mode 100644 index 0000000..4ed0632 Binary files /dev/null and b/public/assets/images/team/yoga-instructor/.DS_Store differ diff --git a/public/assets/images/team/yoga-instructor/ins-01.jpg b/public/assets/images/team/yoga-instructor/ins-01.jpg new file mode 100644 index 0000000..9f5cd90 Binary files /dev/null and b/public/assets/images/team/yoga-instructor/ins-01.jpg differ diff --git a/public/assets/images/team/yoga-instructor/ins-02.jpg b/public/assets/images/team/yoga-instructor/ins-02.jpg new file mode 100644 index 0000000..5c75e5c Binary files /dev/null and b/public/assets/images/team/yoga-instructor/ins-02.jpg differ diff --git a/public/assets/images/team/yoga-instructor/ins-03.jpg b/public/assets/images/team/yoga-instructor/ins-03.jpg new file mode 100644 index 0000000..3479517 Binary files /dev/null and b/public/assets/images/team/yoga-instructor/ins-03.jpg differ diff --git a/public/assets/images/team/yoga-instructor/team-01.webp b/public/assets/images/team/yoga-instructor/team-01.webp new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/team/yoga-instructor/team-01.webp differ diff --git a/public/assets/images/team/yoga-instructor/team-02.webp b/public/assets/images/team/yoga-instructor/team-02.webp new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/team/yoga-instructor/team-02.webp differ diff --git a/public/assets/images/team/yoga-instructor/team-03.webp b/public/assets/images/team/yoga-instructor/team-03.webp new file mode 100644 index 0000000..bc38c95 Binary files /dev/null and b/public/assets/images/team/yoga-instructor/team-03.webp differ diff --git a/public/assets/images/testimonial/.DS_Store b/public/assets/images/testimonial/.DS_Store new file mode 100644 index 0000000..c9cd537 Binary files /dev/null and b/public/assets/images/testimonial/.DS_Store differ diff --git a/public/assets/images/testimonial/logo-01.png b/public/assets/images/testimonial/logo-01.png new file mode 100644 index 0000000..c2482b0 Binary files /dev/null and b/public/assets/images/testimonial/logo-01.png differ diff --git a/public/assets/images/testimonial/logo-02.png b/public/assets/images/testimonial/logo-02.png new file mode 100644 index 0000000..2979567 Binary files /dev/null and b/public/assets/images/testimonial/logo-02.png differ diff --git a/public/assets/images/testimonial/logo-03.png b/public/assets/images/testimonial/logo-03.png new file mode 100644 index 0000000..3101097 Binary files /dev/null and b/public/assets/images/testimonial/logo-03.png differ diff --git a/public/assets/images/testimonial/shape-1.png b/public/assets/images/testimonial/shape-1.png new file mode 100644 index 0000000..82bb226 Binary files /dev/null and b/public/assets/images/testimonial/shape-1.png differ diff --git a/public/assets/images/testimonial/test-01.jpg b/public/assets/images/testimonial/test-01.jpg new file mode 100644 index 0000000..5356eb8 Binary files /dev/null and b/public/assets/images/testimonial/test-01.jpg differ diff --git a/public/assets/images/testimonial/test-02.jpg b/public/assets/images/testimonial/test-02.jpg new file mode 100644 index 0000000..622f0be Binary files /dev/null and b/public/assets/images/testimonial/test-02.jpg differ diff --git a/public/assets/images/testimonial/test-03.jpg b/public/assets/images/testimonial/test-03.jpg new file mode 100644 index 0000000..064f9dd Binary files /dev/null and b/public/assets/images/testimonial/test-03.jpg differ diff --git a/public/assets/images/testimonial/test-04.jpg b/public/assets/images/testimonial/test-04.jpg new file mode 100644 index 0000000..827da97 Binary files /dev/null and b/public/assets/images/testimonial/test-04.jpg differ diff --git a/public/assets/images/testimonial/testimonial-01.png b/public/assets/images/testimonial/testimonial-01.png new file mode 100644 index 0000000..d4e3f80 Binary files /dev/null and b/public/assets/images/testimonial/testimonial-01.png differ diff --git a/public/assets/images/testimonial/testimonial-02.png b/public/assets/images/testimonial/testimonial-02.png new file mode 100644 index 0000000..d4e3f80 Binary files /dev/null and b/public/assets/images/testimonial/testimonial-02.png differ diff --git a/public/assets/images/testimonial/testimonial-03.png b/public/assets/images/testimonial/testimonial-03.png new file mode 100644 index 0000000..d4e3f80 Binary files /dev/null and b/public/assets/images/testimonial/testimonial-03.png differ diff --git a/public/assets/images/testimonial/testimonial-04.png b/public/assets/images/testimonial/testimonial-04.png new file mode 100644 index 0000000..d4e3f80 Binary files /dev/null and b/public/assets/images/testimonial/testimonial-04.png differ diff --git a/public/assets/images/testimonial/testimonial-05.png b/public/assets/images/testimonial/testimonial-05.png new file mode 100644 index 0000000..a1d9256 Binary files /dev/null and b/public/assets/images/testimonial/testimonial-05.png differ diff --git a/public/assets/images/testimonial/testimonial-06.png b/public/assets/images/testimonial/testimonial-06.png new file mode 100644 index 0000000..a1d9256 Binary files /dev/null and b/public/assets/images/testimonial/testimonial-06.png differ diff --git a/public/assets/images/testimonial/testimonial-07.png b/public/assets/images/testimonial/testimonial-07.png new file mode 100644 index 0000000..a1d9256 Binary files /dev/null and b/public/assets/images/testimonial/testimonial-07.png differ diff --git a/public/assets/images/testimonial/testimonial-08.png b/public/assets/images/testimonial/testimonial-08.png new file mode 100644 index 0000000..a1d9256 Binary files /dev/null and b/public/assets/images/testimonial/testimonial-08.png differ diff --git a/public/assets/images/testimonial/testimonial-09.png b/public/assets/images/testimonial/testimonial-09.png new file mode 100644 index 0000000..b9696f3 Binary files /dev/null and b/public/assets/images/testimonial/testimonial-09.png differ diff --git a/public/assets/images/testimonial/testimonial-10.png b/public/assets/images/testimonial/testimonial-10.png new file mode 100644 index 0000000..b9696f3 Binary files /dev/null and b/public/assets/images/testimonial/testimonial-10.png differ diff --git a/public/assets/images/testimonial/testimonial-11.jpg b/public/assets/images/testimonial/testimonial-11.jpg new file mode 100644 index 0000000..b9696f3 Binary files /dev/null and b/public/assets/images/testimonial/testimonial-11.jpg differ diff --git a/public/assets/images/testimonial/testimonial-12.jpg b/public/assets/images/testimonial/testimonial-12.jpg new file mode 100644 index 0000000..b9696f3 Binary files /dev/null and b/public/assets/images/testimonial/testimonial-12.jpg differ diff --git a/public/assets/scss/.DS_Store b/public/assets/scss/.DS_Store new file mode 100644 index 0000000..1460136 Binary files /dev/null and b/public/assets/scss/.DS_Store differ diff --git a/public/assets/scss/app.scss b/public/assets/scss/app.scss new file mode 100644 index 0000000..c00641b --- /dev/null +++ b/public/assets/scss/app.scss @@ -0,0 +1,159 @@ +/*--------------------------------------------- +Template Name: EduBlink - Online Learning React Education Template +Template URL: +Description: This template is built with React NextJS. +Author: DevsBlink +Author URL: https://1.envato.market/YgGJbj +Version: 1.0.0 + +=============================================== +STYLESHEET INDEXING +| +|___ Default Styles +| |___ Variables +| |___ Shortcode +| |___ Reset Styels +| |___ Typography +| |___ Forms Styles +| |___ Common +| |___ Animation +| +|___ Elements Styles +| |___ Accordion Style +| |___ Back To Top +| |___ Breadcrumb +| |___ Button +| |___ Countdown +| |___ Course Widget +| |___ Pagination Styles +| |___ Sal Styels +| |___ Section Title +| |___ Slick Styles +| |___ Social Share Style +| +|___Template Styles +| |___ About Styles +| |___ Brand Styles +| |___ Call To Action Styles +| |___ Campus Styles +| |___ Categorie Styles +| |___ Contact Styles +| |___ Counterup Styles +| |___ Course Styles +| |___ Course Details Style +| |___ Event Styles +| |___ FAQ Styles +| |___ Features Styles +| |___ Gallery Styles +| |___ Hero Banner Styles +| |___ Instagram Styles +| |___ Pricing Table Styles +| |___ Privacy Policy Style +| |___ Product Details Styles +| |___ Shop Styles +| |___ Splash Page Styles +| |___ Team Styles +| |___ Testimonial Styles +| |___ Video Styles +| |___ Why Choose Styles +| |___ 404 Error +| +|___Blocks Styles +| |___ Header Styles +| |___ Footer Styles +| +|___Blog Styles +| +|___Spacing +| +|___ END STYLESHEET INDEXING + +--------------------------------------------*/ + +/*======================================================================= +1. Default Styles +=========================================================================*/ +@import "default/variable"; +@import "default/shortcode"; +@import "default/reset"; +@import "default/typography"; +@import "default/form"; +@import "default/common"; +@import "default/animations"; + +/*======================================================================= +2. Elements Styles +=========================================================================*/ +@import "elements/accordion"; +@import "elements/backtotop"; +@import "elements/breadcrumb"; +@import "elements/button"; +@import "elements/countdown"; +@import "elements/course-widget"; +@import "elements/pagination"; +@import "default/sal"; +@import "elements/section-title"; +@import "elements/swiper"; +@import "elements/social-share"; +@import "elements/theme-switcher"; + +/*======================================================================= +3. Template Styles +=========================================================================*/ +@import "template/about"; +@import "template/brand"; +@import "template/call_to_action"; +@import "template/campus"; +@import "template/categorie"; +@import "template/contact"; +@import "template/counterup"; +@import "template/course"; +@import "template/course_details"; +@import "template/event"; +@import "template/faq"; +@import "template/features"; +@import "template/gallery"; +@import "template/hero_banner"; +@import "template/instagram"; +@import "template/pricing"; +@import "template/privacy_policy"; +@import "template/product_details"; +@import "template/shop"; +@import "template/splash"; +@import "template/team"; +@import "template/testimonial"; +@import "template/video"; +@import "template/why_choose"; +@import "template/404"; +@import "template/modern_schooling/main"; +@import "template/health_coach/main"; +@import "template/language_academy/main"; +@import "template/remote_training/main"; + + +/*======================================================================= +4.Blocks Styles +=========================================================================*/ +@import 'header/header'; +@import 'header/nav'; +@import 'header/header-top'; +@import 'header/header-action'; +@import 'header/mobilemenu'; +@import 'header/search-popup'; +@import "footer/footer"; + +/*======================================================================= +5.Blog Styles +=========================================================================*/ +@import "blog/blog"; +@import "blog/blog-details"; +@import "blog/comments"; +@import "blog/widget"; + +/*======================================================================= +6. Spacing/Dark +=========================================================================*/ +@import "default/spacing"; +@import "default/react_specific"; +@import "default/dark"; +@import "default/rtl"; \ No newline at end of file diff --git a/public/assets/scss/blog/_blog-details.scss b/public/assets/scss/blog/_blog-details.scss new file mode 100644 index 0000000..c022310 --- /dev/null +++ b/public/assets/scss/blog/_blog-details.scss @@ -0,0 +1,210 @@ +/*------------------------- + Blog Details Styles +---------------------------*/ +// Details Content + +.blog-details-content { + border-bottom: 1px solid var(--color-border); + padding-bottom: 70px; + .entry-content { + .category { + letter-spacing: 1px; + margin-bottom: 8px; + text-transform: uppercase; + display: block; + } + .title { + margin-bottom: 5px; + } + .thumbnail { + margin: 50px 0 65px; + @media #{$sm-layout} { + margin: 20px 0 30px; + } + img { + border-radius: 10px; + width: 100%; + } + } + } + >.title { + margin-top: 60px; + } + >p { + margin-bottom: 26px; + } + >ul { + list-style: disc; + li { + color: var(--color-heading); + margin-top: 12px; + margin-bottom: 12px; + } + } + .features-image { + margin: 65px 0; + @media #{$sm-layout} { + margin: 40px 0; + } + .thumb { + img { + width: 100%; + border-radius: 5px; + } + } + } + blockquote { + margin: 65px 0 70px; + @media #{$sm-layout} { + margin: 40px 0 30px + } + } + .blog-share-area { + margin-top: 65px; + } + .blog-tags, + .blog-share { + display: flex; + align-items: center; + .title { + margin-bottom: 0; + margin-right: 12px; + } + } + .blog-share { + justify-content: flex-end; + @media #{$sm-layout} { + justify-content: flex-start; + margin-top: 30px; + } + .title { + margin-right: 25px; + } + .social-share { + margin: 0 -12px; + li { + margin: 0 12px; + } + + } + } +} + +blockquote { + box-shadow: 0px 5px 50px 0px rgba(26,46,85,0.1); + background-color: var(--color-white); + border-radius: 10px; + padding: 35px 40px 35px 120px; + position: relative; + @media #{$sm-layout} { + padding: 35px 30px 35px 100px; + } + &:after { + content: "\e94a"; + font-family: var(--font-icomoon); + font-size: 35px; + color: var(--color-primary); + position: absolute; + top: 30px; + left: 40px; + @media #{$sm-layout} { + left: 30px; + font-size: 30px; + } + } + p { + font-size: 17px; + margin-bottom: 8px; + } + .author { + margin-bottom: 0; + font-weight: var(--p-medium); + } +} + +// Blog Author + +.blog-author { + padding: 70px 0; + display: flex; + align-items: center; + @media #{$large-mobile} { + display: block; + } + .thumbnail { + margin-right: 30px; + @media #{$sm-layout} { + margin-right: 20px; + } + @media #{$large-mobile} { + margin-right: 0; + margin-bottom: 20px; + } + img { + border-radius: 50%; + } + } + .author-content { + flex: 1; + .title { + margin-bottom: 10px; + } + p { + margin-bottom: 15px; + } + .social-share { + &.icon-transparent { + margin: 0 -10px; + li { + margin: 0 10px; + a { + font-size: 18px; + } + } + } + } + } +} + +// Blog Pagination + +.blog-pagination-list { + border: 1px solid #e7e7e7; + border-radius: 5px; + transition: var(--transition); + position: relative; + z-index: 2; + a { + display: flex; + align-items: center; + padding: 25px 30px; + position: relative; + z-index: 1; + color: var(--color-heading); + font-family: var(--font-secondary); + font-weight: var(--p-semi-bold); + font-size: 18px; + line-height: 26px; + transition: var(--transition); + i { + font-size: 20px; + transition: 0.4s; + margin-right: 20px; + } + } + &:hover { + background-color: #f0f4f5; + border-color: #f0f4f5; + + } + + &.next-post { + text-align: right; + a { + i { + margin-right: 0; + margin-left: 20px; + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/blog/_blog.scss b/public/assets/scss/blog/_blog.scss new file mode 100644 index 0000000..ac62507 --- /dev/null +++ b/public/assets/scss/blog/_blog.scss @@ -0,0 +1,585 @@ +/*------------------------- + Blog Styles +---------------------------*/ +// Blog Meta Styles +.blog-meta { + @extend %liststyle; + display: flex; + flex-wrap: wrap; + padding-bottom: 18px; + margin: -5px -16px; + @media #{$smlg-device} { + margin: -5px -10px; + } + li { + margin: 5px 16px; + color: var(--color-heading); + position: relative; + @media #{$smlg-device} { + margin: 5px 10px; + } + &:last-child { + &:after { + display: none; + } + } + &:after { + content: ""; + height: 19px; + width: 1px; + background-color: #dbdbdb; + position: absolute; + top: 3px; + right: -18px; + @media #{$smlg-device} { + right: -12px; + } + } + a { + color: var(--color-heading); + } + i, + img { + font-size: 16px; + padding-right: 10px; + position: relative; + top: 2px; + color: var(--color-primary); + } + } +} + +// Blog Styles + +.edu-blog { + position: relative; + .thumbnail { + position: relative; + a { + display: block; + border-radius: 10px; + position: relative; + overflow: hidden; + &:after { + content: ""; + height: 100%; + width: 100%; + background-color: rgba(0,0,0,0.5); + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + visibility: hidden; + opacity: 0; + transition: var(--transition); + } + img { + width: 100%; + border-radius: 10px; + transition: var(--transition); + } + } + .video-play-btn { + height: 80px; + width: 80px; + line-height: 80px; + background-color: var(--color-white); + border-radius: 50% !important; + text-align: center; + position: absolute; + top: 50%; + left: 50%; + transform: translateY(-50%) translateX(-50%); + z-index: 2; + font-size: 18px; + color: var(--color-primary); + &:after { + display: none; + } + @media #{$large-mobile} { + height: 65px; + width: 65px; + line-height: 65px; + } + } + } + .content { + background-color: var(--color-white); + padding: 30px; + border-radius: 10px; + position: relative; + box-shadow: var(--shadow-darker); + @media #{$smlg-device} { + padding: 30px 20px; + } + @media #{$small-mobile} { + padding: 20px; + } + .blog-category { + color: var(--color-body); + margin-bottom: 10px; + text-transform: uppercase; + &:hover { + color: var(--color-primary); + } + } + .title { + margin-bottom: 10px; + } + p { + margin-bottom: 0; + } + &.position-top { + margin-top: -175px; + margin-left: 30px; + margin-right: 30px; + @media #{$lg-layout} { + margin-top: -125px; + } + @media #{$sm-layout} { + margin-top: -105px; + } + @media #{$smlg-device} { + margin-left: 15px; + margin-right: 15px; + } + @media #{$small-mobile} { + margin-left: 15px; + margin-right: 15px; + } + .read-more-btn { + position: absolute; + top: -40px; + right: 30px; + visibility: hidden; + opacity: 0; + transition: var(--transition); + .btn-icon-round { + box-shadow: var(--shadow-dark); + } + } + } + } + &:hover { + .thumbnail { + a { + &:after { + visibility: visible; + opacity: 1; + } + img { + transform: scale(1.1); + } + } + } + .position-top { + .read-more-btn { + visibility: visible; + opacity: 1; + top: -30px; + } + } + } + + &.blog-style-2 { + margin-bottom: 40px; + &:last-child { + margin-bottom: 0; + } + .inner { + display: flex; + align-items: center; + @media #{$large-mobile} { + display: block; + } + } + .thumbnail { + margin-right: 30px; + @media #{$large-mobile} { + margin-right: 0; + margin-bottom: 20px; + } + a { + &:after { + visibility: visible; + opacity: 1; + background-color: rgba(0,0,0, .3); + } + img { + width: 100%; + } + } + } + .content { + box-shadow: none; + padding: 0; + flex: 1; + .blog-meta { + padding-bottom: 0; + i { + color: #d0d0d1; + } + } + } + .blog-date { + width: 80px; + height: 80px; + background: var(--color-primary); + border-radius: 60px 60px 14px 60px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + position: absolute; + bottom: 0; + right: 0; + z-index: 1; + span { + font-weight: 700; + font-size: 22px; + display: block; + color: var(--color-white); + text-align: center; + font-family: var(--font-secondary); + &.day { + line-height: 1; + margin-bottom: 4px; + } + &.month { + line-height: 1; + font-size: 14px; + font-weight: 500; + } + } + } + + &.first-large-blog { + @media only screen and (max-width: 991px) { + margin-bottom: 20px; + } + .inner { + display: block; + } + .thumbnail { + margin-right: 0; + margin-bottom: 20px; + a { + &:after { + display: none; + } + } + } + .content { + padding-left: 110px; + .blog-date { + top: 6px; + right: auto; + left: 0; + } + .title { + margin-bottom: 15px; + } + .blog-meta { + padding-top: 20px; + } + } + } + } + + &.blog-style-3 { + .thumbnail { + a { + border-radius: 10px 10px 0 0; + img { + border-radius: 10px 10px 0 0; + } + } + .read-more-btn { + position: absolute; + top: 53%; + left: 0; + right: 0; + transform: translateY(-50%); + text-align: center; + visibility: hidden; + opacity: 0; + transition: var(--transition); + a { + display: inline-block; + border-radius: 50%; + &:after { + display: none; + } + } + } + } + .content { + border-radius: 0 0 10px 10px; + &:before { + content: url(../../images/blog/shape-01.png); + position: absolute; + top: -36px; + left: 0; + right: 0; + overflow: hidden; + @media #{$sm-layout} { + content: ''; + } + } + .title { + font-weight: var(--p-bold); + } + } + &:hover { + .thumbnail { + .read-more-btn { + visibility: visible; + opacity: 1; + top: 51%; + } + } + } + } + + &.blog-style-4 { + margin-bottom: 70px; + .thumbnail { + .blog-gallery-activation { + .swiper-wrapper { + .swiper-slide { + padding: 0; + a { + border-radius: 10px 10px 0 0; + img { + border-radius: 10px 10px 0 0; + } + } + } + } + } + } + .inner { + .thumbnail { + a { + border-radius: 10px 10px 0 0; + img { + border-radius: 10px 10px 0 0; + } + } + } + } + .content { + border-radius: 0 0 10px 10px; + padding: 44px 50px; + @media #{$large-mobile} { + padding: 30px 25px; + } + .read-more-btn { + margin-top: 25px; + } + } + + } + + &.blog-style-5 { + margin-bottom: 40px; + } + &.blog-style-list { + background-color: var(--color-white); + box-shadow: var(--shadow-darker); + padding: 40px 40px 30px; + border-radius: 10px; + margin-bottom: 40px; + @media #{$large-mobile} { + padding: 30px 20px 30px; + } + .inner { + display: flex; + } + .thumbnail { + margin-right: 40px; + @media #{$lg-layout} { + max-width: 250px; + margin-right: 30px; + } + @media #{$large-mobile} { + margin-right: 20px; + } + } + .content { + background-color: transparent; + box-shadow: none; + flex: 1; + padding: 0; + @media #{$sm-layout} { + flex: auto; + } + .read-more-btn { + margin-top: 24px; + } + } + } + &.post-video { + .thumbnail { + a { + &:after { + visibility: visible; + opacity: 1; + background-color: rgba(0, 0, 0, 0.3); + } + } + } + } + &.post-gallery { + .thumbnail { + a { + img { + transform: none; + } + &:after { + display: none; + } + } + } + } +} +.edu-blog-area { + &.blog-area-6 { + .thumbnail { + position: relative; + a { + border-radius: 10px 10px 0px 0px; + img { + border-radius: 10px 10px 0px 0px; + } + } + .date { + position: absolute; + left: 20px; + top: 20px; + background: var(--gradient-primary); + border-radius: 3px; + padding: 3px 12px; + font-size: 15px; + color: var(--color-white); + display: block; + } + } + .content { + border-radius: 0px 0px 10px 10px; + &.position-top { + margin-top: 0; + margin-left: 0; + margin-right: 0; + } + } + } +} + + +.blog-view-all-btn { + text-align: center; + margin-top: 55px; + .view-text { + font-size: 18px; + margin-bottom: 0; + } +} + +.edu-blog-area { + position: relative; + .shape-group { + @extend %liststyle; + @media only screen and (max-width: 991px) { + display: none; + } + li { + position: absolute; + z-index: -1; + &.shape-1 { + left: -117px; + top: -70px; + } + &.shape-2 { + top: 99px; + left: 55px; + span { + display: block; + height: 101px; + width: 101px; + border: 15px solid var(--color-secondary); + border-radius: 50%; + } + } + &.shape-3 { + right: 85px; + bottom: 90px; + } + } + } + &.blog-area-2 { + padding-top: 128px; + position: relative; + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/bg-image-2.svg); + filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(484%) hue-rotate(339deg) brightness(103%) contrast(95%); + background-position: center top; + background-repeat: no-repeat; + background-size: cover; + z-index: -1; + } + + + @media #{$md-layout} { + padding-top: 120px; + } + @media #{$sm-layout} { + padding-top: 120px; + } + .shape-group { + li { + &.shape-1 { + left: 135px; + top: 30px; + z-index: 1; + @media #{$lg-layout-1} { + left: 0; + } + } + } + } + } +} + +.blog-area-4 { + @media #{$md-layout} { + padding: 30px 0 60px !important; + } + @media #{$sm-layout} { + padding: 0 0 30px !important; + } +} + .blog-style-1 { + &.remote-traning-sytle { + .thumbnail { + a { + border-radius: 10px 10px 0 0; + img { + border-radius: 10px 10px 0 0; + } + } + } + .content { + padding: 25px 30px 30px; + border-radius: 0 0 10px 10px; + } + } + } diff --git a/public/assets/scss/blog/_comments.scss b/public/assets/scss/blog/_comments.scss new file mode 100644 index 0000000..f78409f --- /dev/null +++ b/public/assets/scss/blog/_comments.scss @@ -0,0 +1,114 @@ +/*----------------------------- + Blog Comments Style +------------------------------*/ +.comment-area { + margin-top: 100px; + .heading-title { + margin-bottom: 30px; + } +} +.comment-list-wrapper { + .comment { + display: flex; + .thumbnail { + min-width: 80px; + width: 80px; + max-height: 80px; + border-radius: 50%; + margin-right: 30px; + @media #{$large-mobile} { + margin-right: 20px; + min-width: 60px; + width: 60px; + } + img { + border-radius: 50%; + width: 100%; + } + } + .comment-content { + .title { + margin-bottom: 2px; + } + .date { + display: block; + margin-bottom: 14px; + } + p { + margin-bottom: 18px; + } + + .reply-btn { + display: flex; + align-items: center; + font-weight: 500; + font-size: 15px; + line-height: 26px; + font-family: var(--font-secondary); + i { + margin-right: 10px; + } + } + } + &.comment-reply { + margin-left: 110px; + @media #{$large-mobile} { + margin-left: 40px; + } + } + & + .comment { + border-top: 1px solid var(--color-border); + padding-top: 30px; + margin-top: 30px; + } + } +} + +/*----------------------------- + Blog Comments Form +------------------------------*/ +.comment-form-area { + margin-top: 90px; + .heading-title { + margin-bottom: 30px; + } +} + +.comment-form { + .form-group { + margin-bottom: 0; + input, + textarea { + box-shadow: var(--shadow-darker); + } + .edu-form-check { + label { + color: var(--color-body); + padding-left: 27px; + &:before { + background-color: #f7f7f7; + border-color: var(--color-border); + height: 15px; + width: 15px; + top: 5px; + } + &:after { + left: 3px; + } + } + input { + &:checked { + ~label { + &::before { + background-color: var(--color-primary); + border-color: var(--color-primary); + } + &::after { + opacity: 1; + } + } + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/blog/_widget.scss b/public/assets/scss/blog/_widget.scss new file mode 100644 index 0000000..1bb28b5 --- /dev/null +++ b/public/assets/scss/blog/_widget.scss @@ -0,0 +1,196 @@ +/*------------------- + Blog Widget +---------------------*/ +.edu-blog-sidebar { + background-color: var(--color-white); + box-shadow: 0px 10px 50px 0px rgba(26,46,85,0.07); + border-radius: 5px; + padding: 35px 0; + @media #{$md-layout} { + margin-top: 70px; + } + @media #{$sm-layout} { + margin-top: 60px; + } +} + +.edu-blog-widget { + padding: 35px 40px; + @media #{$sm-layout} { + padding: 20px; + } + .widget-title { + margin-bottom: 35px; + } + &.widget-search { + .blog-search { + position: relative; + .search-button { + position: absolute; + left: 30px; + top: 50%; + transform: translateY(-50%); + border: none; + padding: 0; + color: var(--color-placeholder); + background-color: transparent; + font-size: 18px; + } + input { + padding: 0 20px 0 56px; + border: 1px solid var(--color-border); + } + } + } + + &.widget-latest-post { + .latest-post { + display: flex; + position: relative; + border-bottom: 1px solid var(--color-border); + padding-bottom: 20px; + margin-bottom: 20px; + &:last-child { + padding-bottom: 0; + margin-bottom: 0; + border-bottom: none; + } + .thumbnail { + margin-right: 20px; + @media #{$sm-layout} { + margin-right: 10px; + } + a { + img { + border-radius: 5px; + max-height: 95px; + object-fit: cover; + } + } + } + .post-content { + flex: 1; + .title { + margin-bottom: 5px; + a { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + } + } + .blog-meta { + padding-bottom: 0; + } + } + } + } + + &.widget-categories { + .category-list { + @extend %liststyle; + margin: -14px 0; + li { + margin: 14px 0; + a { + font-family: var(--font-secondary); + color: var(--color-heading); + font-weight: var(--p-medium); + &:hover { + color: var(--color-primary); + } + } + } + } + } + + &.widget-action { + .inner { + background-color: #f5f9fa; + text-align: center; + padding: 40px 40px 90px; + border-radius: 10px; + position: relative; + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: url(../../images/others/shape-21.png); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + filter: opacity(.3); + -webkit-filter: opacity(.3); + } + @media #{$smlg-device} { + padding: 40px 25px 60px; + } + + .title { + font-size: 22px; + margin-bottom: 5px; + span { + color: var(--color-secondary); + } + } + .shape-line { + font-size: 10px; + color: var(--color-primary); + display: block; + margin-bottom: 14px; + } + p { + color: var(--color-heading); + margin-bottom: 20px; + } + } + } +} + +.tag-list { + margin: -5px; + display: flex; + flex-wrap: wrap; + flex: 1; + a { + border: 1px solid var(--color-border); + border-radius: 5px; + font-weight: 500; + font-size: 14px; + font-family: var(--font-secondary); + margin: 5px; + height: 40px; + line-height: 40px; + padding: 0 14px; + transition: var(--transition); + position: relative; + z-index: 1; + &:after { + content: ""; + height: 100%; + width: 100%; + background: var(--gradient-primary); + border-radius: 5px; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: -1; + transition: var(--transition); + opacity: 0; + } + &:hover { + color: var(--color-white); + border-color: transparent; + &:after { + opacity: 1; + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/default/_animations.scss b/public/assets/scss/default/_animations.scss new file mode 100644 index 0000000..ab51427 --- /dev/null +++ b/public/assets/scss/default/_animations.scss @@ -0,0 +1,550 @@ +/*---------------------- + Animation +-----------------------*/ + +// Mouse Move/Particle/Abstract Shape Animation +.edublink-animated-shape { + position: relative; + z-index: 9; +} + +.shape-group { + @extend %liststyle; + li { + margin: 0; + position: absolute; + z-index: -1; + } + @media #{$smlg-device} { + display: none; + } +} + +.z-10 { + z-index: 10; +} + +.home-four-course { + position: relative; + overflow: hidden; + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + bottom: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/bg-image-3.webp); + background-size: cover; + z-index: -1; + } + .shape-group { + .shape-1 { + top: 59px; + right: -88px; + } + .shape-2 { + top: -263px; + right: -406px; + z-index: -1; + span { + display: block; + height: 570px; + width: 570px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + } +} + +// Header Sticky Animation + +@keyframes headerSticky { + 0% { + transform: translateY(-100%); + } + + 100% { + transform: translateY(0); + } +} + +@keyframes rotateIt { + to { + transform: rotate(-360deg); + } +} + +@keyframes bounceSlide { + 0%, 20%, 50%, 80%, 100% { + transform: translateY(0); + } + 40% { + transform: translateY(-30px); + } + 60% { + transform: translateY(-15px); + } +} + +.bounce-slide { + animation-duration: 2.5s; + animation-fill-mode: both; + animation-iteration-count: infinite; + animation-name: bounceSlide; +} + +@keyframes line1 { + 0% { + opacity: 1; + bottom: 0 + } + 30% { + bottom: 30% + } + 50% { + bottom: 50% + } + 70% { + bottom: 70% + } + 100% { + bottom: 100%; + opacity: 0.5; + } +} + +@keyframes line2 { + 0% { + opacity: 1; + top: 0 + } + 30% { + bottom: 30% + } + + 50% { + bottom: 50% + } + + 70% { + bottom: 70% + } + + 100% { + top: 100%; + opacity: 0.5; + } +} + +@keyframes line3 { + 0% { + opacity: 1; + top: 500px + } + 50% { + top: 50% + } + 100% { + top: 100%; + opacity: 0.5; + } +} + +@keyframes line4 { + 0% { + opacity: 1; + top: 300px; + } + 50% { + top: 50% + } + 100% { + top: 100%; + opacity: 0.5; + } +} + +@keyframes line5 { + 0% { + opacity: 1; + bottom: 400px + } + 50% { + bottom: 50% + } + 100% { + bottom: 100%; + opacity: 0.5; + } +} + +@keyframes customOne { + from { + transform: scale(1); + } + + 50% { + transform: scale(0.90); + } + + to { + transform: scale(1); + } +} + +@keyframes customTwo { + 0% { + transform: (translate(0.0px, 0.0px)); + } + + 50% { + transform: (translate(100.0px, 0.0px)); + } + + 100% { + transform: (translate(50.0px, 50.0px)); + } +} + +.customOne { + animation: customOne 2s infinite; +} +.rotateit { + animation: rotateIt 11s linear infinite; +} + +@-webkit-keyframes edublink-vsm-y-move { + 0% { + -webkit-transform: translate(0, -30%); + transform: translate(0, -30%); + } + 100% { + -webkit-transform: translate(0, 30%); + transform: translate(0, 30%); + } +} + +@keyframes edublink-vsm-y-move { + 0% { + -webkit-transform: translate(0, -30%); + transform: translate(0, -30%); + } + 100% { + -webkit-transform: translate(0, 30%); + transform: translate(0, 30%); + } +} + +@-webkit-keyframes edublink-vsm-y-reverse-move { + 0% { + -webkit-transform: translate(0, 30%); + transform: translate(0, 30%); + } + 100% { + -webkit-transform: translate(0, -30%); + transform: translate(0, -30%); + } +} + +@keyframes edublink-vsm-y-reverse-move { + 0% { + -webkit-transform: translate(0, 30%); + transform: translate(0, 30%); + } + 100% { + -webkit-transform: translate(0, -30%); + transform: translate(0, -30%); + } +} + +@-webkit-keyframes edublink-sm-x-move { + 0% { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + } + 100% { + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); + } +} + +@keyframes edublink-sm-x-move { + 0% { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + } + 100% { + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); + } +} + +@-webkit-keyframes edublink-sm-x-reverse-move { + 0% { + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); + } + 100% { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + } +} + +@keyframes edublink-sm-x-reverse-move { + 0% { + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); + } + 100% { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + } +} + +@-webkit-keyframes edublink-rotate-y { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } +} + +@-webkit-keyframes edublink-rotate-x { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes edublink-rotate-x { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes edublink-rotate-y { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } +} + +@-webkit-keyframes edublink-zoom1 { + 0% { + -webkit-transform: scale(0.9); + transform: scale(0.9); + } + 100% { + -webkit-transform: scale(1.5); + transform: scale(1.5); + } +} + +@keyframes edublink-zoom2 { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-transform: scale(1.5); + transform: scale(1.5); + } +} + +@-webkit-keyframes edublink-zoom1 { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-transform: scale(1.25); + transform: scale(1.25); + } +} + +@keyframes edublink-zoom1 { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-transform: scale(1.25); + transform: scale(1.25); + } +} + + + +/* ------------------------ + Custom Animation 01 +----------------------------*/ + +@keyframes headerSlideDown { + 0% { + margin-top: -100px + } + + to { + margin-top: 0 + } +} + + +/*------------------------ + slidefadeinup +--------------------------*/ + +@keyframes slideFadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 20%, 0); + transform: translate3d(0, 20%, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.slideFadeInUp { + -webkit-animation-name: slideFadeInUp; + animation-name: slideFadeInUp; +} + +/* ----------------------------------- + Custom Animation For All Page +---------------------------------------*/ + +@keyframes moveVertical { + to { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } +} + + +/*-------------------------------- +Scroll Down Button Animation +----------------------------------*/ +@keyframes scrollDown { + 0% { + opacity: 0; + } + + 10% { + transform: translateY(0); + opacity: 1; + } + + 100% { + transform: translateY(10px); + opacity: 0; + } +} + + +@keyframes ripple { + 0% { + -webkit-transform: scale(1); + transform: scale(1); } + 75% { + -webkit-transform: scale(1.75); + transform: scale(1.75); + opacity: 1; } + 100% { + -webkit-transform: scale(2); + transform: scale(2); + opacity: 0; } +} + +@keyframes ripple_2 { + 0% { + -webkit-transform: scale(1); + transform: scale(1); } + 75% { + -webkit-transform: scale(3); + transform: scale(3); + opacity: 1; } + 100% { + -webkit-transform: scale(4); + transform: scale(4); + opacity: 0; } +} + +@keyframes ripple_3 { + 0% { + -webkit-transform: scale(1); + transform: scale(1); } + 50% { + -webkit-transform: scale(1.15); + transform: scale(1.15); + opacity: 1; } + 100% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + opacity: 0; } +} + + +@keyframes radiusChange { + 0% { + border-radius: 0px 0px 0px 0px; + } + + 40% { + border-radius: 50px 0px 100px 0px; + } + + 80% { + border-radius: 0px 50px 0px 100px; + } + + 100% { + border-radius: 0px 0px 0px 0px; + } +} + +@keyframes radiusChange2 { + 0% { + border-radius: 0px 0px 0px 0px; + } + + 25% { + border-radius: 50px 0px; + } + + 50% { + border-radius: 0px 0px 0px 0px; + } + + 75% { + border-radius: 0px 50px; + } + + 100% { + border-radius: 50px 0px; + } +} diff --git a/public/assets/scss/default/_common.scss b/public/assets/scss/default/_common.scss new file mode 100644 index 0000000..027aea7 --- /dev/null +++ b/public/assets/scss/default/_common.scss @@ -0,0 +1,40 @@ +/*------------------------- + Common +-------------------------*/ + +.color-fb { + color: var(--color-facebook) !important; +} +.color-ig { + color: var(--color-instagram) !important; +} +.color-twitter { + color: var(--color-twitter) !important; +} +.color-yt { + color: var(--color-youtube) !important; +} +.color-linkd { + color: var(--color-linkedin) !important; +} +.color-primary { + color: var(--color-primary); +} +.color-secondary { + color: var(--color-secondary); +} + +// Background Color + +.bg-lighten01 { + background-color: var(--color-lighten01); +} +.bg-lighten02 { + background-color: var(--color-lighten02); +} +.bg-lighten03 { + background-color: var(--color-lighten03); +} +.bg-lighten04 { + background-color: var(--color-lighten04); +} diff --git a/public/assets/scss/default/_dark.scss b/public/assets/scss/default/_dark.scss new file mode 100644 index 0000000..c2319e6 --- /dev/null +++ b/public/assets/scss/default/_dark.scss @@ -0,0 +1,3104 @@ +/*------------------------- + Dark Mode CSS Starts Here +---------------------------*/ +[data-theme='dark'] { + body { + background-color: var(--dark-color-bg-body); + } +} + +[data-theme='dark'] { + .hero-banner .banner-content p, + .popup-mobile-menu .inner .header-top .close-menu .close-button, + .edublink-vue-mobile-popup-menu .inner .header-top .close-menu .close-button, + .header-action .mobile-menu-bar .hamberger-button, + .edu-course .content .course-rating .rating-count, + .edu-course .content .course-meta li, + .event-details .details-content .event-meta li a, + .edu-sorting-area .sorting-right .layout-switcher label, + .course-details-content .course-enroll-box .single-item .login-btn a, + .course-details-3 .nav-tabs .nav-item .nav-link.active, + .course-details-3 .nav-tabs .nav-item .nav-link:hover, + .header-action .search-bar .input-group .form-control, + .team-details-content .main-info .team-meta li, + .team-details-content .main-info .team-meta li .rating-count, + .team-details-content .contact-info ul li span, + .blog-details-content > ul li, + .blog-meta li, + input[type=text], + input[type=password], + input[type=email], + input[type=number], + input[type=tel], + textarea, + a.edu-btn.btn-border, + button.edu-btn.btn-border, + .edu-search-popup .inner .search-form .submit-button, + .edu-search-popup .close-button .close-trigger, + .about-style-3 .about-content .nav-tabs .nav-link, + .isotop-button button, + .blog-meta li a, + .edu-course .hover-content-aside .content .course-feature ul li:before, + .edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item, + .edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a, + .edu-breadcrumb-area .edu-breadcrumb li.separator i, + .faq-page-nav .nav-tabs .nav-link, + .edu-course-widget.widget-course-summery .content .course-item li, + .event-details .details-content ul li, + .pricing-table .pricing-header .price-wrap .amount, + .pricing-table .pricing-body .list-item li, + .edu-pagination li a, + .product-details-area .content .product-rating .rating-count, + .tag-list a, + .form-group label, + select, + .edu-breadcrumb-area .course-meta li, + .edu-product .inner > .thumbnail .product-hover-info ul li a, + .edu-sorting-area .sorting-right .edu-sorting .icon, + .edu-product .inner .content .product-rating .rating-count, + .edu-blog-widget.widget-categories .category-list li a, + .product-description-nav .nav-item button.nav-link:hover, + .course-details-content .entry-content .course-meta li, + .product-description-nav .nav-item button.nav-link.active, + .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn i, + .product-details-area .content .product-feature li span, + .cart-table thead th, + .cart-table tbody td.product-remove .remove-wishlist, + .pv-demo-counterup .counterup-wrap .edu-counterup .title, + .order-summery .summery-table tbody td, + .order-summery .summery-table .order-total td:last-child, + a, + a.edu-btn:hover, + button.edu-btn:hover, + .course-layout-five-tooltip-content .content .course-feature ul li:before, + .cta-banner-3 .newsletter-form .input-group .form-control, + .cta-banner-3 .newsletter-form .input-group .form-control::placeholder , + .footer-light .copyright-area p, + .header-action .search-bar .input-group .search-btn, + .hero-banner.hero-style-8 .banner-content .banner-search .input-group .search-btn, + .categorie-grid.categorie-style-3 .content .title, + .categorie-area-5 .categorie-grid .content .title, + .edu-course-area.course-area-10 .content .title a, + .course-style-11 .content .title a { + color: var(--color-white); + } + + ul li a:hover, + .edu-blog-widget.widget-categories .category-list li a:hover, + a:hover, + a.btn-transparent:hover, + button.btn-transparent:hover, + .course-details-content .course-enroll-box .single-item .login-btn a:hover, + .social-share.icon-transparent li a:hover, + .hero-banner.hero-style-2 .banner-gallery .online-support .inner .content .title a:hover, + .hero-banner.hero-style-4 .banner-gallery .online-support .inner .content .title a:hover, + .edu-team-grid.team-style-3 .content .title a:hover, + .edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a:hover, + .popup-mobile-menu .mainmenu li a:hover, + .login-form-box a, + .edu-course.course-style-4 .content .title a:hover, + .faq-page-nav .nav-tabs .nav-link.active, + .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .footer-link a:hover, + .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li a:hover { + color: var(--color-primary); + } + + .section-title .pre-title.pre-textsecondary, + .login-form-box a:hover, + .about-style-3 .about-content .nav-tabs .nav-link:hover, + .about-style-3 .about-content .nav-tabs .nav-link.active { + color: var(--color-secondary); + } + + ul li a, + .edu-course.course-style-5 .content .course-meta li, + .edu-breadcrumb-area.breadcrumb-style-4 .course-meta li, + .pricing-table .pricing-body .list-item li.item-off { + color: var(--color-body); + } + + .about-image-gallery .video-box .inner .thumb .popup-icon:hover, + .popup-mobile-menu .inner .header-top .close-menu .close-button:hover, + .edu-product .inner > .thumbnail .product-hover-info ul li a:hover { + background-color: var(--color-primary); + } + + .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover { + background-color: var(--color-secondary); + } + + a.btn-transparent, + button.btn-transparent { + color: var(--color-textSecondary); + } + + .bg-lighten01, + .bg-lighten04, + .counterup-area-2:before, + .hero-banner.hero-style-5, + .edu-course-area.course-area-10, + .hero-style-10, + .testimonial-area-3, + .testimonial-area-9, + .hero-banner.hero-style-6:before, + .team-area-4, + .why-choose-area-2:before, + .team-area-5, + .counterup-area-7, + .contact-form-area, + .hero-banner.hero-style-1, + .brand-area-6, + .course-area-8, + .testimonial-area-10, + .brand-area-2, + .hero-style-11.remote-training, + .remote-brand, + .faq-style-7 { + background-color: var(--dark-bg-color); + } + .remote-training .header-right .header-action .search-bar .input-group { + background: transparent; + border: 1px solid #333a44; + } + .header-style-7 .header-mainmenu { + background-color: transparent !important; + } + .header-style-7 .header-mainmenu.edu-sticky { + background-color: var(--bg-color-2) !important; + } + .counterup-area-7 .counterup-box-wrap .counterup-box:before, + .counterup-area-7 .counterup-box-wrap .counterup-box:after, + .course-details-content .course-enroll-box .single-item:after, + .edu-counterup.counterup-style-3:after { + background-color: var(--dark-color-border); + } + .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:first-child { + border-right: .8px solid var(--dark-color-border); + } + .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) { + border-right: .8px solid var(--dark-color-border); + } + .counterup-area-7 .counterup-box-wrap .counterup-box.counterup-box-1 { + border-bottom: 0.8px solid var(--dark-color-border); + } + .edu-course-area.course-area-10 .content { + background-color: var(--dark-color-bg-body); + } + .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover { + border-color: var(--color-secondary); + } + .hero-style-11 .banner-thumbnail .shape-group li.shape-2 { + filter: opacity(0.2); + } + .language-about .about-image-gallery .shape-group li.shape-2 img, + .faq-style-6 .edu-faq-gallery .shape-group li.shape-4 img { + filter: opacity(1) !important; + } + .edu-campus-area .campus-image-gallery .shape-1 span, + .edu-campus-area .campus-content .shape-4 span, + .edu-event-area .shape-group li.shape-2 span, + .edublink-vue-mobile-popup-menu .inner .header-top, + .edublink-vue-mobile-popup-menu .mainmenu li + li, + .about-style-3 .about-image-gallery .shape-group li.shape-4 span, + .home-four-course .shape-group .shape-2 span, + .hero-banner.hero-style-4 .shape-group li.shape-8 span, + .about-style-4 .about-image-gallery .shape-group .shape-4 span, + .why-choose-area-2 .shape-group li.shape-1 span, + .why-choose-area-2 .shape-group li.shape-3 span, + .team-area-5 .shape-group li.shape-3 span, + .team-area-5 .shape-group li.shape-1 span, + .why-choose-area-3 .shape-group li.shape-1 span, + .edu-breadcrumb-area .shape-group li.shape-1, + .edu-breadcrumb-area .shape-group li.shape-4, + .edu-event-list.event-list-2, + .popup-mobile-menu .inner .header-top, + .edu-blog-widget.widget-search .blog-search input, + .login-form-box .form-group input, + .tag-list a, + .edu-product:hover .inner .thumbnail a, + .pro-qty, + .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn, + .product-description-nav, + .product-description-content .comment-area, + .product-details-area .thumbnail, + .checkout-notice .coupn-box, + .order-summery.checkout-summery .summery-table-wrap, + .checkout-billing .form-group select, + .edu-course-widget.widget-course-summery .content .course-item li, + .course-details-content .nav-tabs, + .order-payment, + a.edu-btn.btn-border, + .course-curriculam .course-lesson ul li:first-child, + .course-curriculam .course-lesson ul li, + .course-curriculam .course-lesson, + .social-share li a, + .about-style-3 .shape-group li.shape-6 span, + .footer-dark .copyright-area, + .comment-list-wrapper .comment + .comment, + .course-overview .border-box, + .edu-accordion .accordion-item, + .blog-details-content, + .course-review .border-box, + .course-review .border-box .comment-area, + .edu-blog-widget.widget-latest-post .latest-post, + .contact-form.form-style-2 .form-group input, + .contact-form.form-style-2 .form-group textarea, + .contact-form-area .shape-group li.shape-3 span, + .pv-courses-demo .shape-group li.shape-5 span, + .testimonial-area-4 .swiper-navigation .swiper-btn-nxt, + .testimonial-area-4 .swiper-navigation .swiper-btn-prv, + .course-sidebar-2 .edu-course-widget .inner, + .hero-banner.hero-style-8 .shape-group li.shape-5 span, + .course-area-8 .shape-group li.shape-2 span, + .hero-banner.hero-style-9 .slider .container .shape-group li.shape-1 span, + button.edu-btn.btn-border, + .edu-footer.footer-style-7 .copyright-area, + .edu-course-area.course-area-10 .shape-group li.shape-4 span, + .testimonial-area-10 .shape-group .shape-5 span, + .faq-style-6 .faq-accordion .accordion-item .accordion-button.collapsed, + .testimonial-area-10 .shape-group li.shape-3 span, + .about-counterup .shape-group li.shape-1 span, + .testimonial-area-11 .shape-group li.shape-3 span { + border-color: var(--dark-color-border); + } + .pv-demo-counterup .counterup-wrap .edu-counterup.border-end { + border-color: var(--dark-color-border) !important; + } + .hero-style-10 .banner-content .shape-group li.shape-1 span { + border-color: rgba(28, 36, 47, .2); + } + .tpd-visible-frame-left .tpd-frame-left:before, + .tpd-visible-frame-right .tpd-frame-left:before, + .tpd-visible-frame-right .tpd-frame-left:after { + border-right: 13px solid var(--color-black); + } + + .tpd-visible-frame-right .tpd-frame-right:after { + border-left: 13px solid var(--color-black); + } + .about-counterup .about-course .about-course-style-2, + .hero-banner.hero-style-8 .banner-content .banner-search .input-group .form-control, + .hero-banner.hero-style-8 .banner-content .banner-search .input-group .search-btn { + background-color: var(--bg-color-2); + } + .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-1 img { + filter: opacity(0.03); + -webkit-filter: opacity(0.03); + } + .video-area-5 .video-gallery .thumbnail .video-play-btn i { + color: var(--color-secondary); + } + .hero-style-10 .wave-bottom-bg img, + .language-about .about-image-gallery .main-img-3{ + filter: brightness(0) saturate(100%) invert(6%) sepia(10%) saturate(3102%) hue-rotate(176deg) brightness(96%) contrast(93%); + } + .video-area-5::after { + filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(6549%) hue-rotate(193deg) brightness(83%) contrast(100%); + } + .features-area-6::after { + filter: brightness(0) saturate(100%) invert(7%) sepia(8%) saturate(2950%) hue-rotate(173deg) brightness(97%) contrast(95%); + } + .features-area-6 .shape-group li.shape-2 img, + .testimonial-area-11 .shape-group .shape-5 img { + filter: brightness(0) saturate(100%) invert(16%) sepia(6%) saturate(1952%) hue-rotate(178deg) brightness(94%) contrast(92%); + } + .language-about .about-image-gallery .main-img-wrapper .main-img-inner::after { + background: var(--dark-color-border); + opacity: .99; + } + .edu-course-area.course-area-10 .content .title a:hover { + color: var(--color-primary); + } + .hero-style-10 .banner-thumbnail .shape-group li.shape-5 img, + .hero-style-10 .banner-thumbnail .shape-group li.shape-6 img { + filter: opacity(.05); + } + .faq-style-6 .edu-faq-gallery .shape-group li.shape-1 span, + .faq-style-6 .edu-faq-gallery .shape-group li.shape-2 span { + filter: opacity(0.05); + } + .hero-style-11::before, + .remote-brand::after, + .faq-style-7::after { + display: none; + } + .about-counterup .about-course .about-course-style-2 .certificate { + background-color: #24353c; + } + .hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide .inner p, + .testimonial-area-9 .home-health-testimonial-activator .testimonial-grid .content p, + .event-area-4 .edu-event.event-style-1 .content .event-meta li, + .edu-footer.footer-style-7 .footer-top .edu-footer-widget .description, + .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .footer-link a, + .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li, + .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li a, + .edu-footer.footer-style-7 .copyright-area a, + .testimonial-area-10 .home-language-testimonial-activator .testimonial-grid .content p, + .about-counterup .about-course .about-course-style-2 .content p { + color: var(--color-title); + } + .pv-cta-area .cta-content .button-group .btn-bg-white, + .remote-training-wrapper .edu-cta-banner .section-title .subs-button .btn-medium { + color: var(--color-black) !important; + } + .course-style-11 .content { + background: var(--dark-color-bg-body); + } + .features-area-5 .features-box { + &:hover { + .icon { + border: 7px solid var(--color-white); + } + } + } + .features-area-5 .features-box.color-primary-style { + &:hover { + .icon { + background-color: var(--color-primary); + border: 7px solid var(--color-white); + } + } + } + .features-area-5 .features-box.color-extra06-style { + &:hover { + .icon { + background-color: var(--color-extra06); + } + } + } + .features-box, + .edu-course-area.course-area-9 .edu-course.course-style-5 { + background-color: transparent; + } + .features-area-5 .features-box .icon { + background-color: rgb(28, 36, 47); + border: 7px solid rgb(46, 53, 63); + box-shadow: none; + } + .features-area-5 .features-box .content { + background: var(--bg-color-2); + box-shadow: none; + } + .about-counterup .about-course .about-course-style-2, + .faq-style-6 .faq-accordion .accordion-item .accordion-body, + .video-area-5 .video-gallery .thumbnail img { + box-shadow: none; + } + .testimonial-area-9 .bg-thumbnail .shape-group li.shape-4 img { + filter: opacity(0.09); + } + .testimonial-area-9 { + .swiper-navigation { + .swiper-btn-prv, + .swiper-btn-nxt { + background-color: var(--color-white); + } + } + } + .health-coach-wrapper.cta-banner-7 .input-group input { + background-color: var(--color-white) !important; + } + .edu-footer.footer-style-7 .footer-top .edu-footer-widget .logo a img.logo-dark { + display: inline-block; + } + .health-coach-wrapper.cta-banner-7 .input-group input { + color: var(--color-heading); + } + .cta-banner-7::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + right: 0; + bottom: 0; + background: rgba(2, 11, 23, 0.8); + z-index: 1; + } + .categorie-area-5 .container, + .cta-banner-7 .container { + position: relative; + z-index: 2; + } + .categorie-area-5::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + right: 0; + bottom: 0; + background: rgba(2, 11, 23, 0.8); + z-index: 1; + } + .edu-course-area.course-area-9 ul .course-view-all a.edu-btn { + color: var(--color-primary) !important; + + &:hover { + color: var(--color-white) !important; + } + } +} +[data-theme='dark'] { + p { + color: var(--color-title); + } + h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + color: var(--color-white); + } + .edu-pagination { + li:hover { + a { + color: var(--color-white); + } + } + } + #edublink-preloader { + background: var(--dark-bg-color); + .preloader-close-btn-wraper .preloader-close-btn { + background: #1C252F; + color: var(--color-white); + } + } + .edu-btn { + color: var(--color-white) !important; + } + .d-none-shape-dark { + display: block; + } + .d-block-shape-light { + display: none; + } + /*------------------- + About Dark Styles + ---------------------*/ + .about-image-gallery { + .video-box { + .inner { + background-color: var(--color-white); + + .thumb { + .popup-icon { + background-color: var(--color-white); + } + } + } + } + } + .about-style-1, + .about-style-2, + .about-style-7, + .about-style-9{ + .about-image-gallery { + .shape-group { + li { + &.shape-1 { + img { + filter: opacity(0.06); + } + } + } + } + } + } + .about-style-4 { + .about-image-gallery { + .main-img-1 { + background-color: var(--color-white); + } + .shape-group { + .shape-2 { + img { + filter: opacity(0.06); + } + } + } + } + } + .about-style-3{ + .about-image-gallery { + .shape-group { + li { + &.shape-2 { + img { + filter: opacity(0.06); + } + } + } + } + } + .about-content { + .nav-tabs { + .nav-item { + &::after { + background-color: var(--color-extra09); + } + } + } + } + } + .about-style-6 { + background-color: var(--dark-color-bg-body); + &::after { + filter: brightness(0) saturate(100%) invert(6%) sepia(8%) saturate(3633%) hue-rotate(174deg) brightness(95%) contrast(93%); + } + } + .about-style-2 { + .about-image-gallery { + .author-box { + .inner { + background-color: var(--color-white); + + .title { + color: var(--color-black); + } + } + } + .award-status { + .inner { + .content { + .subtitle { + color: var(--color-black); + } + } + } + } + } + } + .about-style-8 { + &::before { + background: var(--dark-bg-color); + } + &::after { + border: 1px solid var(--color-extra10); + } + .about-image-gallery { + .shape-group { + li { + &.shape-1 { + img { + filter: opacity(0.06); + } + } + &.shape-4 { + span { + border: 1px solid var(--color-extra10); + } + } + } + } + } + } + + .about-content { + .features-list { + li { + color: var(--color-title); + } + } + } + + /*------------------- + Breadcrumb Dark Styles + ---------------------*/ + .breadcrumb-style-2 { + .page-title { + .title { + color: var(--color-white); + } + } + .edu-breadcrumb { + li { + color: var(--color-white); + &.breadcrumb-item { + a { + color: var(--color-white); + } + } + &.separator { + i { + color: var(--color-white); + } + } + } + } + } + .breadcrumb-style-5 { + background: var(--dark-bg-color); + } + .edu-breadcrumb-area { + background-color: var(--dark-bg-color); + + .course-meta { + li { + &::after { + background-color: var(--color-extra10); + } + } + } + } + .why-choose-box { + &.features-box { + background-color: var(--bg-color-2); + } + } + .why-choose-box-2 { + + &.features-box { + background-color: var(--bg-color-2); + box-shadow: none; + .icon { + color: var(--color-white); + } + &.color-extra08-style { + &:hover { + .icon { + color: var(--color-white); + } + } + } + } + } + + /*------------------- + Brand Dark Styles + ---------------------*/ + .brand-grid-wrap { + &::after { + background-color: var(--color-extra11); + } + .brand-grid { + border-right: 1px solid var(--color-extra11); + + &:first-child { + border-left: 1px solid var(--color-extra11); + } + &:nth-child(5n) { + border-left: 1px solid var(--color-extra11); + } + &:hover { + box-shadow: var(--shadow-darker); + } + } + } + .brand-area-1 { + .brand-grid-wrap { + .brand-grid { + + &:hover { + background-color: #232c38; + } + } + } + } + .brand-area-3 { + .brand-grid-wrap { + .brand-grid { + border-right: none; + } + + &.brand-style-3 { + .brand-grid { + background-color: var(--bg-color-2); + opacity: 1; + + img { + filter: brightness(0) saturate(100%) invert(73%) sepia(0%) saturate(4982%) hue-rotate(288deg) brightness(90%) contrast(90%); + } + &:hover { + img { + filter: brightness(0) saturate(100%) invert(99%) sepia(71%) saturate(0%) hue-rotate(333deg) brightness(106%) contrast(100%); + } + } + } + } + } + } + .brand-area-5 { + &::before { + background-image: url(../../images/bg/dark-bg-image-20.svg); + @media #{$md-layout-1} { + background: var(--dark-bg-color); + } + } + } + .brand-area-4 .brand-grid-wrap .brand-grid:first-child, + .brand-area-5 .brand-grid-wrap .brand-grid:first-child, + .brand-area-6 .brand-grid-wrap .brand-grid:first-child, + .brand-area-4 .brand-grid-wrap .brand-grid:nth-child(5n), + .brand-area-5 .brand-grid-wrap .brand-grid:nth-child(5n), + .brand-area-6 .brand-grid-wrap .brand-grid:nth-child(5n) { + border-left: none; + } + + /*------------------- + Blog Dark Styles + ---------------------*/ + .edu-blog { + .content { + background-color: var(--bg-color-2); + box-shadow: none; + } + &.blog-style-3 { + .content { + &::before { + filter: brightness(0) saturate(100%) invert(11%) sepia(21%) saturate(912%) hue-rotate(174deg) brightness(83%) contrast(92%); + } + } + } + &.blog-style-list { + background-color: var(--bg-color-2); + } + } + .blog-meta { + li { + &::after { + background-color: var(--color-extra09); + } + } + } + .edu-blog-area { + &.blog-area-2 { + &::before { + filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(3862%) hue-rotate(182deg) brightness(105%) contrast(102%); + } + } + &.blog-area-3 { + .blog-style-2 { + .content { + background-color: transparent; + + .blog-date { + span { + color: var(--color-white); + } + } + .blog-meta { + i { + color: var(--color-title); + } + } + } + .inner { + .thumbnail { + .blog-date { + span { + color: var(--color-white); + } + } + } + } + } + } + } + .edu-blog-sidebar { + background-color: var(--bg-color-2); + } + .blog-pagination-list { + border: 1px solid var(--dark-color-border); + + &:hover { + background-color: var(--bg-color-2); + + } + } + + /*------------------- + Call To Action Dark Styles + ---------------------*/ + .edu-cta-banner-area { + background-color: var(--dark-bg-color); + &::before { + filter: brightness(0) saturate(101%) invert(36%) sepia(57%) saturate(374%) hue-rotate(121deg) brightness(86%) contrast(74%); + } + } + .university-cta-wrapper { + &.edu-cta-banner-area { + &::before { + filter: brightness(0) saturate(101%) invert(36%) sepia(57%) saturate(374%) hue-rotate(121deg) brightness(86%) contrast(74%) !important; + } + } + } + .online-academy-cta-wrapper { + background-image: none; + background-color: var(--dark-bg-color); + + + &::before { + background-image: url(../../images/cta/h-4-cta.svg); + background-size: cover; + background-repeat: no-repeat; + filter: brightness(0) saturate(100%) invert(6%) sepia(18%) saturate(1959%) hue-rotate(173deg) brightness(98%) contrast(97%); + } + } + .cta-banner-2 { + background-color: var(--dark-bg-color); + + &::before { + display: none; + } + .shape-group { + li { + &.shape-5 { + bottom: 0; + } + } + } + } + .cta-banner-3 { + background-color: var(--dark-color-bg-body); + &::before { + filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%); + } + .newsletter-form { + .input-group { + .form-control { + background-color: var(--dark-color-bg-body); + + } + } + } + .shape-group { + li { + &.shape-3, + &.shape-4 { + img { + opacity: .65; + } + } + } + } + } + .cta-area-1 { + .cta-style-3 { + .inner { + .content { + .subtitle { + color: var(--color-white); + } + .title { + color: var(--color-white); + } + } + } + .shape-group { + li { + &.shape-02 { + img { + filter: opacity(0.06); + } + } + } + } + } + .home-one-cta { + .shape-group { + li { + &.shape-02 { + img { + filter: opacity(0.06); + } + } + } + } + } + } + .cta-area-2 { + .cta-style-2 { + .inner { + .content { + .subtitle { + color: var(--color-black); + } + .title { + a { + color: var(--color-black); + &:hover { + color: rgba(24, 24, 24, .75); + } + } + } + } + } + } + } + + /*------------------- + Categorie Dark Styles + ---------------------*/ + .categorie-grid { + background-color: var(--bg-color-2); + .content { + p { + color: var(--color-title); + } + } + &:hover { + .icon { + color: var(--color-white); + } + .content { + .title { + color: var(--color-white); + } + p { + color: var(--color-white); + } + } + .icon { + svg { + path { + stroke: var(--color-white); + } + } + } + } + &.color-primary-style, + &.color-secondary-style, + &.color-tertiary-style, + &.color-extra01-style, + &.color-extra02-style, + &.color-extra03-style, + &.color-extra04-style, + &.color-extra05-style, + &.color-extra06-style, + &.color-extra07-style, + &.color-extra08-style { + + &:hover { + .icon, + .course-remain { + color: var(--color-white); + } + .icon { + color: var(--color-white); + } + } + } + &.categorie-style-3 { + background-color: var(--bg-color-2); + } + } + .categorie-area-3 { + background-color: var(--dark-color-bg-body); + + &::before { + display: none; + } + } + .home-four-course { + &::before { + display: none; + } + } + + /*------------------------- + Counterup Styles + --------------------------*/ + .edu-counterup { + &.counterup-style-5 { + background-color: var(--bg-color-2); + } + } + .counterup-area-1 { + .counterup-style-1 { + background-color: var(--bg-color-2); + box-shadow: none; + } + } + .counterup-area-2 { + .counterup-box-wrap { + background-color: var(--bg-color-2); + box-shadow: inherit; + .counterup-box { + .edu-counterup { + border-radius: 0; + &:first-child { + border-right: .8px solid var(--dark-color-border); + @media #{$small-mobile} { + border-right: none; + } + } + &:nth-child(3) { + border-right: .8px solid var(--dark-color-border); + @media #{$small-mobile} { + border-right: none; + } + } + } + &.counterup-box-1 { + border-bottom: .8px solid var(--dark-color-border); + @media #{$small-mobile} { + border-bottom: none; + } + } + } + } + } + .course-area-3 { + .isotop-button { + button { + background-color: var(--bg-color-2); + &.is-checked, + &:hover { + background-color: var(--color-secondary); + } + } + } + } + .counterup-area-7 { + .counterup-box-wrap { + background-color: var(--bg-color-2); + } + } + .counterup-area-8 { + .shape-group { + li { + &.shape-1 { + img { + filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%); + } + } + } + } + } + + .counterup-style-4 { + background-color: var(--bg-color-2); + box-shadow: none; + } + + .counterup-style-6 { + .icon, + .count-number, + .title { + color: var(--color-white); + } + } + .pv-demo-counterup { + .counterup-wrap { + background-color: var(--bg-color-2); + } + } + + /*------------------------- + Landing Page Dark Styles + --------------------------*/ + .pv-demo-area { + .single-demo { + .inner { + background-color: var(--bg-color-2); + } + } + } + + /*------------------------- + Course Styles + --------------------------*/ + .edu-course { + background-color: var(--bg-color-2); + + .thumbnail { + .duration { + color: var(--color-white); + } + } + .inner { + .content { + .course-meta { + li { + &::after { + background-color: var(--color-extra09); + } + } + } + } + } + .course-hover-content { + .content { + .course-level { + background-color: var(--color-white); + color: var(--color-black); + } + .title { + color: var(--color-white); + } + .course-rating { + .rating-count { + color: var(--color-white); + } + } + .course-price { + color: var(--color-white); + } + p { + color: var(--color-white); + } + .course-meta { + li { + color: var(--color-white); + i { + color: var(--color-white); + } + } + } + .btn-secondary { + color: var(--color-white); + + &:hover { + color: var(--color-black) !important; + } + } + } + } + &.course-style-3 { + &::before { + background-color: var(--bg-color-2); + } + .inner { + .content { + background-color: var(--bg-color-2); + } + } + } + &.course-style-4 { + &:hover { + .content { + .course-price { + color: var(--color-white); + } + .title { + a { + color: var(--color-white); + } + } + .course-rating { + .rating-count { + color: var(--color-white); + } + } + .course-meta { + li { + &::after { + background-color: var(--color-title); + } + color: var(--color-white); + i { + color: var(--color-white); + } + } + } + } + } + } + &.course-style-5 { + .inner { + .content { + .price-round { + color: var(--color-white); + } + } + } + } + &.course-style-6 { + background-color:var(--dark-bg-color); + + .content { + background-color: var(--bg-color-2); + } + .thumbnail { + .price-round { + color: var(--color-white); + } + } + } + &.course-style-7 { + .thumbnail { + .course-price { + &.price-round { + background-color: var(--color-white); + } + } + } + .content { + .course-level, + .title { + color: var(--color-white); + } + .course-meta { + li { + &::after { + background-color: #a19c9c; + } + color: var(--color-white); + i { + color: var(--color-white); + } + } + } + p { + color: var(--color-white); + } + } + } + &.course-style-8, + &.course-style-4 { + &:hover { + .content .course-price { + color: var(--color-white); + } + } + .hover-content-aside .content:before { + border-right: 11px solid transparent; + border-left: 11px solid transparent; + border-bottom: 13px solid var(--dark-bg-color); + } + } + &.course-style-8 { + &:hover { + background-color: var(--bg-color-2); + } + } + &.course-style-9 { + &:hover { + background-color: var(--bg-color-2); + } + } + .hover-content-aside { + .content { + background-color: var(--dark-bg-color); + + &::before { + border-right:13px solid var(--dark-bg-color); + } + } + } + } + .bg-lighten03 { + background-color: var(--dark-bg-color); + } + .tpd-tooltip { + .tpd-content-relative-padder { + background-color: var(--dark-bg-color); + .content { + .button-group { + .edu-btn { + color: var(--color-white) !important; + } + } + } + } + } + .course-area-1 { + .edu-course-widget { + background-color: var(--bg-color-2); + } + } + .course-area-4 { + background-color: var(--dark-bg-color); + } + .course-area-7 { + &::before { + filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%); + } + .shape-group { + li { + img { + opacity: .65; + } + } + } + } + // course details demo area + .pv-course-details-area { + background-color: var(--dark-bg-color); + &::before { + display: none; + } + } + .pv-courses-demo { + .shape-group { + li { + &.shape-2 { + img { + filter: opacity(0.06); + } + } + } + } + } + .course-sidebar-2 { + background-color: var(--dark-bg-color); + } + .course-sidebar-3 { + .edu-course-widget { + background-color: var(--bg-color-2); + &.widget-course-summery { + .thumbnail { + .play-btn { + background-color: var(--color-white); + + &:hover { + color: var(--color-secondary); + } + } + } + } + } + .edu-blog-widget { + background-color: var(--bg-color-2); + } + } + .edu-course-widget { + background-color: var(--bg-color-2); + } + .course-curriculam { + .course-lesson { + ul { + li { + background-color: var(--dark-color-bg-body); + color: var(--color-white); + + &:hover { + color: var(--color-primary); + } + } + } + } + } + .course-review { + .rating-box { + background: var(--bg-color-2); + } + .review-wrapper { + .progress { + background-color: var(--bg-color-2); + } + } + .comment-form-area { + .rating-icon { + .rating { + i { + color: var(--dark-footer-text); + } + } + } + } + } + .course-details-area { + .entry-content { + .thumbnail { + .video-play-btn { + background-color: var(--color-white); + color: var(--color-secondary); + + &:hover { + background-color: var(--color-secondary); + color: var(--color-white); + } + } + } + } + } + .course-details-content { + .course-enroll-box { + background-color: var(--bg-color-2); + } + .entry-content { + .course-meta { + li { + &::after { + background-color: var(--color-extra10); + } + } + } + } + } + .tag-list { + a { + &:Hover { + color: var(--color-white); + } + } + } + .edu-blog-widget { + &.widget-action { + .inner { + background-color: var(--dark-color-bg-body); + + &::before { + background-image: url(../../images/others/dark-shape-21.png); + } + } + } + } + .course-details-3 { + .course-curriculam { + .edu-accordion { + .course-lesson { + .reading-status { + .title { + color: var(--color-white); + } + .complete-text { + span { + color: var(--color-white); + + &::after { + background-color: var(--color-white); + } + } + } + } + } + .accordion-item { + border: 1px solid var(--dark-color-border); + .accordion-button { + &::after { + color: var(--color-white); + } + } + } + } + } + } + + /*------------------------- + Campus Styles + --------------------------*/ + .edu-campus-area { + .campus-image-gallery { + .shape-2 { + img { + filter: opacity(0.06); + } + } + } + .campus-content { + background-color: var(--bg-color-2); + box-shadow: none; + @media #{$large-mobile} { + background-color: transparent; + } + .shape-5 { + span { + opacity: 0.1; + } + } + } + } + + /*------------------------- + Copyright Styles + --------------------------*/ + .footer-lighten { + .copyright-area { + background-color: var(--dark-color-bg-body); + a { + color: var(--color-primary); + } + } + p, + li, + a { + color: var(--color-title); + } + } + + /*------------------- + Event Dark Styles + ---------------------*/ + .edu-event { + .inner { + .content { + background-color: var(--bg-color-2); + + } + } + } + .event-area-3 { + &::before { + filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%); + } + .edu-event-list { + background-color: var(--bg-color-2); + + &:hover:not(.event-list-2) { + .content { + .title { + color: var(--color-white); + a { + &:hover { + color: rgba(255,255,255,0.8); + } + } + } + .event-meta { + li { + color: var(--color-white); + i { + color: var(--color-white); + } + } + } + .event-location { + color: var(--color-white); + i { + color: var(--color-white); + } + } + p { + color: var(--color-white); + } + .edu-btn { + color: var(--color-heading) !important; + &:hover { + color: var(--color-white) !important; + } + } + } + } + &.bg-style-primary { + .content { + .edu-btn { + &.btn-medium { + &:hover { + color: var(--color-heading) !important; + } + } + } + } + } + } + .shape-group { + li { + img { + opacity: .65; + } + } + } + } + .edu-event-list { + background-color: transparent; + } + + /*------------------- + Features Dark Styles + ---------------------*/ + .features-box { + .content { + p { + color: var(--color-title); + } + } + &.features-style-2 { + .content { + .title { + color: var(--color-white); + } + } + } + &.features-style-4 { + &:hover { + .icon { + color: var(--color-white); + } + } + } + &.color-primary-style { + &:hover { + .icon { + color: var(--color-white); + } + } + } + &.color-secondary-style { + &:hover { + .icon{ + color: var(--color-white); + } + } + } + &.color-extra05-style { + &:hover { + .icon { + color: var(--color-white); + } + } + } + &.color-extra08-style { + &:hover { + .icon { + color: var(--color-white); + } + } + } + &.color-extra02-style { + &:hover { + .icon { + color: var(--color-white); + } + } + } + &.color-extra03-style { + &:hover { + .icon { + color: var(--color-white); + } + } + } + &.color-extra04-style { + &:hover { + .icon { + color: var(--color-white); + } + } + } + } + .features-area-1 { + .features-box { + background-color: var(--bg-color-2); + box-shadow: none; + &:hover { + .icon { + svg { + path { + stroke: var(--color-white); + } + } + } + } + .content { + p { + color: var(--color-title); + } + } + } + } + .features-area-3 { + .features-grid-wrap { + background-color: var(--bg-color-2); + box-shadow: none; + } + } + + /*------------------- + FAQ Dark Styles + ---------------------*/ + .faq-accordion { + .accordion-item { + background-color: var(--bg-color-2); + color: var(--color-white); + .accordion-button { + color: var(--color-white); + + &::before { + color: var(--color-white); + } + &.collapsed { + color: var(--color-white); + + &::before { + color: var(--color-white); + } + } + } + .accordion-body { + background-color: var(--bg-color-2); + } + } + } + .edu-faq-gallery { + .shape-group { + li { + &.shape-4 { + img { + filter: opacity(0.06); + } + } + } + } + } + .faq-style-2 { + background-color: var(--dark-bg-color); + &::before { + display: none; + } + .edu-faq-gallery { + .shape-group { + .shape-3, + .shape-5 { + img { + filter: opacity(0.08); + } + } + .shape-6 { + img { + filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2%) hue-rotate(310deg) brightness(54%) contrast(36%); + } + } + } + } + } + .faq-style-3 { + .edu-faq-gallery { + .thumbnail-1 { + background-color: var(--color-white); + } + } + } + .faq-style-4 { + .faq-accordion { + .accordion-item { + .accordion-button { + color: var(--color-white); + + &::before { + color: var(--color-white); + } + } + } + } + } + .faq-page-tab-content { + &::after { + filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%); + } + } + + /*------------------- + Footer Dark Styles + ---------------------*/ + .edu-footer { + .footer-dark { + .widget-title { + color: var(--color-white); + } + } + &.footer-style-1 { + background-color: var(--bg-color-2); + .footer-top { + .edu-footer-widget { + .logo { + a { + img { + &.logo-light { + display: none; + } + &.logo-dark { + display: inline-block; + } + } + } + } + } + } + .copyright-area { + background-color: var(--dark-color-bg-body); + } + } + + &.footer-style-2 { + background-color: var(--bg-color-2); + .footer-top { + .edu-footer-widget { + .logo { + a { + img { + &.logo-light { + display: inline-block; + } + } + } + } + } + } + } + &.footer-style-3 { + background-color: var(--dark-color-bg-body); + .edu-footer-widget { + .logo { + a { + img { + &.logo-light { + display: inline-block; + } + } + } + } + .widget-title { + color: var(--color-white); + } + } + } + &.footer-style-6 { + background: var(--dark-color-bg-body); + .footer-top { + .edu-footer-widget { + .widget-title { + color: var(--color-white); + } + } + } + } + + .edu-footer-widget { + .footer-link { + li { + a { + color: var(--color-title); + &:hover { + color: var(--color-primary); + } + } + } + } + .logo { + a { + img { + &.logo-light { + display: none; + } + + &.logo-dark { + display: inline-block; + } + } + } + } + .input-group { + .form-control { + color: var(--color-white); + background-color: var(--dark-color-border); + } + } + .inner { + .input-group { + .btn-secondary { + color: var(--color-white); + } + } + } + } + &.footer-kindergarten { + .copyright-area { + &::before { + filter: brightness(0) saturate(100%) invert(14%) sepia(8%) saturate(2142%) hue-rotate(173deg) brightness(95%) contrast(89%); + } + } + } + } + .footer-for-kitchen, + .footer-for-yoga { + .edu-footer-widget { + .inner { + .description { + color: var(--color-title); + } + .widget-information { + ul { + li { + color: var(--color-title); + span { + color: var(--color-white); + } + a { + color: var(--color-title); + + &:hover { + color: var(--color-primary); + } + } + } + } + } + li { + a { + color: var(--color-title); + + &:hover { + color: var(--color-primary); + } + } + } + } + } + .copyright-area { + background-color: var(--dark-color-bg-body); + border-top: 1px solid #262626; + } + } + + /*------------------- + Header Dark Styles + ---------------------*/ + .header-action { + li { + &.icon { + a { + .count { + color: var(--color-white); + } + } + a.search-trigger, + a.cart-icon, + button.search-trigger { + color: var(--color-white); + } + } + } + .header-btn { + a { + color: var(--color-white); + } + } + .search-bar { + .input-group { + border: 1px solid #333a44; + + .form-control { + background: transparent; + } + } + } + } + .header-style-2 { + .header-top { + .header-info { + li { + &::after { + background-color: #30302f; + } + a { + color: var(--color-white); + } + } + } + } + .header-mainmenu { + .header-right { + &::after { + background-color: var(--dark-color-border); + } + } + } + } + .header-style-3 { + .header-top-bar { + background-color: var(--dark-color-bg-body); + } + .header-mainmenu { + .header-right { + &::after { + background-color: var(--color-extra09); + } + } + } + .header-top { + .header-info { + li { + a { + &:hover { + color: var(--color-secondary); + } + &.edu-btn { + &:hover { + color: var(--color-white); + } + } + } + } + } + } + } + .edu-header { + &.header-style-4 { + &::before { + filter: brightness(0) saturate(100%) invert(4%) sepia(55%) saturate(1345%) hue-rotate(186deg) brightness(89%) contrast(95%); + } + &::after { + filter: brightness(0) saturate(100%) invert(4%) sepia(55%) saturate(1345%) hue-rotate(186deg) brightness(89%) contrast(95%); + } + + .header-mainmenu { + background-color: transparent; + &.edu-sticky { + background-color: var(--bg-color-2); + } + .header-navbar { + .header-right { + .header-action { + .search-bar { + .input-group { + input[type="text"] { + background: transparent; + } + } + } + } + } + } + } + } + .header-mainmenu { + background-color: var(--bg-color-2); + } + &.pv-header-style { + .header-mainmenu { + background-color: transparent; + &.edu-sticky { + background-color: var(--bg-color-2); + } + } + } + .header-category { + border-left: 1.5px solid var(--dark-color-border); + border-right: 1.5px solid var(--dark-color-border); + } + .header-brand { + img { + &.logo-light { + display: none; + } + + &.logo-dark { + display: inline-block; + } + } + } + } + .header-top-bar { + background-color: var(--dark-color-bg-body); + } + .header-top { + .header-notify { + color: var(--color-white); + } + .header-info { + li { + a { + color: var(--color-white); + &:hover { + color: var(--color-secondary); + } + } + &.header-btn { + .edu-btn { + color: var(--color-white); + i { + color: var(--color-white); + } + } + } + } + .social-icon { + a { + i { + color: var(--color-white); + } + } + } + } + } + // Mobile Menu + .popup-mobile-menu { + .mainmenu { + li { + a { + color: var(--color-white); + } + & + li { + border-top: 1px solid var(--dark-color-border); + } + } + } + .inner { + background: var(--dark-color-bg-body); + .header-top { + border-bottom: 1px solid var(--dark-color-border); + .logo { + a { + img { + &.logo-light { + display: none; + } + + &.logo-dark { + display: inline-block; + } + } + } + } + .close-menu { + .close-button { + background: var(--dark-color-border); + } + } + } + } + } + + // Nav + .mainmenu-nav { + .mainmenu { + > li > a { + color: var(--color-white); + } + li { + &.has-droupdown { + .submenu { + background-color: #02060d; + li { + a { + color: var(--color-title); + } + } + } + ul { + box-shadow: var(--shadow-darker); + } + .mega-sub-menu-01 { + box-shadow: none; + } + } + ul { + + &.mega-menu { + background-color: #02060d; + >li { + border-right: 1px solid #191d22; + } + } + } + } + } + } + + //Search + .edu-search-popup { + .content-wrap { + background-color: rgb(40, 47, 58); + .search-form { + border-bottom: 1px solid #646465; + } + } + .site-logo { + img { + &.logo-light { + display: none; + } + + &.logo-dark { + display: inline-block; + } + } + } + .inner { + .search-form { + input { + background: transparent; + } + } + } + } + + /*------------------- + Hero Banner Dark Styles + ---------------------*/ + .hero-banner { + .banner-thumbnail { + .instructor-info { + .inner { + background-color: var(--color-white); + box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); + .title { + color: var(--color-black); + } + .media { + .content { + color: var(--color-black); + } + } + } + } + } + &.presentation-hero-style { + &::before { + background-image: url(../../images/bg/dark-bg-image-27.png); + } + .banner-content { + &::after, + &::before { + border: 1px solid #242424; + } + } + } + &.hero-style-1 { + + &::before { + filter: opacity(.1); + } + } + &.hero-style-2 { + &::before { + filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(3862%) hue-rotate(182deg) brightness(105%) contrast(102%); + } + } + &.hero-style-3 { + .banner-content { + .title { + color: var(--color-white); + } + p { + color: var(--color-white); + } + } + } + &.hero-style-4 { + clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%); + background: var(--dark-bg-color); + + .scroll-down-btn { + bottom: -100px; + + @media #{$sm-layout} { + bottom: -10px; + } + .scroll-btn { + background-color: rgba(255, 255, 255, 0.05); + + &::before, + &::after { + border: 1px solid rgba(255, 255, 255, 0.05); + } + } + } + &::before { + display: none; + } + .shape-group { + li { + &.shape-1{ + img { + filter: opacity(0.06); + } + } + &.shape-7 { + img { + filter: opacity(0.05); + } + } + &.shape-3, + &.shape-5 { + img { + filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(0%) hue-rotate(313deg) brightness(59%) contrast(36%); + } + } + } + } + .banner-gallery { + .online-support { + .inner { + .content { + .title { + a { + color: var(--color-black); + } + } + } + } + } + } + } + &.hero-style-5 { + .banner-thumbnail { + .thumbnail { + background-color: var(--color-white); + } + .shape-group { + .shape-1 { + img { + filter: opacity(0.08); + } + } + } + } + } + &.hero-style-6 { + .banner-thumbnail { + .shape-group { + .shape-1 { + img { + filter: opacity(0.08); + } + } + } + } + } + &.hero-style-7 { + background: var(--dark-bg-color); + + .shape-group { + z-index: 1; + li { + img { + opacity: .65; + } + } + } + } + } + + /*------------------- + Instagram Dark Styles + ---------------------*/ + .instagram-grid { + a { + &::after { + background-color: var(--color-black); + } + .user-info { + color: var(--color-white); + } + } + } + + /*------------------- + Shop Dark Styles + ---------------------*/ + .pv-shop-area { + background-color: var(--dark-bg-color); + &::before { + display: none; + } + } + .pv-inner-page-area { + background: var(--dark-bg-color); + + &::before { + display: none; + } + } + .pv-cta-area { + background-color: var(--dark-color-bg-body); + &::before { + background-image: url(../../images/bg/dark-bg-imgae-26.png); + } + .cta-content { + .title { + color: var(--color-white); + } + } + } + + /*------------------- + Team Dark Styles + ---------------------*/ + .team-share-info { + li { + a { + color: var(--color-white); + border: 2px solid var(--color-white); + + &:hover { + color: var(--color-primary); + background: var(--color-white); + } + } + } + } + .edu-team-grid { + &.team-style-1 { + &:hover { + .team-share-info { + li { + &:first-child { + a { + background-color: var(--color-white); + border-color: transparent; + } + } + } + } + } + } + &.team-style-2 { + &::after { + background-color: var(--bg-color-2); + box-shadow: none; + } + } + &.team-style-3 { + .content { + .title { + a { + color: var(--color-heading); + } + } + } + } + &.team-style-4{ + .content { + .title { + background-color: var(--bg-color-2); + color: var(--color-white); + } + .designation { + background-color: var(--bg-color-2); + color: var(--color-white); + } + } + } + &.team-style-5 { + .content { + background-color: var(--bg-color-2); + box-shadow: none; + .title { + color: var(--color-white); + } + } + } + } + .team-area-6 { + .shape-group { + .shape-1, + .shape-2, + .shape-3 { + img { + filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%); + } + } + } + } + .edu-team-details-area { + .team-details-content { + .main-info { + .team-meta { + li { + &::after { + background-color: #6a6a6a; + } + } + } + } + } + } + + /*------------------- + Testimonial Dark Styles + ---------------------*/ + .testimonial-grid { + background-color: var(--bg-color-2); + box-shadow: none; + + p { + color: var(--color-title); + } + .thumbnail { + .qoute-icon { + color: var(--color-white); + border: 4px solid var(--color-white); + } + } + } + .testimonial-area-2 { + .testimonial-slide { + .content { + box-shadow: none; + } + } + .shape-group { + .shape-1 { + img { + filter: opacity(0.06); + } + } + } + &.edu-section-gap { + .shape-group { + .shape-3 { + img { + filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%); + } + } + } + } + } + .testimonial-area-3 { + .shape-group { + li { + &.shape-5 { + bottom: 150px; + img { + filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(344deg) brightness(100%) contrast(104%); + } + } + } + } + } + .testimonial-slide { + .content { + background-color: var(--bg-color-2); + p { + color: var(--color-title); + } + } + } + .testimonial-area-4 { + .shape-group { + li { + &.shape-2 { + img { + filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%); + } + } + } + } + .slick-arrow-nav { + .slick-arrow { + &:hover { + color: var(--color-white); + } + } + } + } + .testimonial-area-6 { + &::before { + background: var(--dark-bg-color); + } + .testimonial-slide { + .content { + background-color: transparent; + } + } + .shape-group { + li { + &.shape-3 { + span { + border: 1px solid var(--color-extra10); + } + } + } + } + } + .testimonial-area-8 { + &::before { + filter: brightness(0) saturate(100%) invert(5%) sepia(18%) saturate(3887%) hue-rotate(188deg) brightness(92%) contrast(102%); + } + } + .testimonial-coverflow { + .testimonial-grid { + &::before { + background-color: var(--dark-color-bg-body); + } + } + } + + /*------------------- + Video Dark Styles + ---------------------*/ + .video-area-1 { + &::before { + filter: brightness(0) saturate(100%) invert(4%) sepia(83%) saturate(1113%) hue-rotate(182deg) brightness(92%) contrast(101%); + } + } + .video-gallery { + .thumbnail { + .video-play-btn { + i { + color: var(--color-white); + } + } + } + } + .video-banner-content { + .video-play-btn { + i { + color: var(--color-white); + } + } + .title { + color: var(--color-white); + } + } + .video-gallery { + .content { + background-color: var(--dark-color-bg-body); + } + } + + /*-------------------------- + why-choose-us Dark Styles + ----------------------------*/ + .why-choose-area-1 { + .thumbnail { + &.thumbnail-2 { + img { + background-color: var(--color-white); + } + } + } + .why-choose-content { + .features-list { + .features-box { + &.color-secondary-style, + &.color-primary-style, + &.color-extra05-style { + &:hover { + .icon { + color: var(--color-white); + } + } + } + } + } + } + + } + .why-choose-area-2 { + background-color: var(--dark-color-bg-body); + } + .why-choose-area-4 { + .shape-group { + li { + &.shape-2 { + span { + border: 1px solid var(--color-extra10); + } + } + } + } + } + .why-choose-box-3 { + &.features-box { + .icon { + color: var(--color-white); + } + .content { + background-color: var(--bg-color-2); + } + } + } + + /*---------------------------------------- + Coming Soon/Gallery/Pagination Dark Styles + ------------------------------------------*/ + .coming-soon-page-area { + background: var(--dark-bg-color); + &::before { + filter: opacity(.2); + } + .coming-soon-content { + .title { + background: var(--gradient-primary); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + .input-group { + background-color: var(--bg-color-2); + .form-control { + color: var(--color-white); + } + } + } + .coming-countdown { + .countdown-section { + &::after { + color: var(--color-white); + } + } + .countdown-number { + color: var(--color-white); + } + } + .shape-group { + li { + &.shape-1, + &.shape-2 { + img { + filter: opacity(0.5); + } + } + } + } + } + .edu-gallery-grid { + .zoom-icon { + background-color: var(--color-white); + } + } + .edu-pagination { + li { + &.active { + a { + color: var(--color-white); + } + } + } + } + + /*------------------- + Section Dark Styles + ---------------------*/ + .section-title { + .pre-title { + color: var(--color-title); + } + p { + color: var(--color-title); + } + } + .section-title-flex { + .left-content { + &::after { + background-color: var(--color-extra10); + } + } + } + .social-share { + li { + a{ + color: var(--color-white); + &:hover { + color: var(--color-white); + } + } + } + } + .pricing-table { + background-color: var(--bg-color-2); + + .pricing-header { + border-bottom: 1px solid var(--dark-color-border) !important; + } + } + .login-form-box { + background-color: var(--bg-color-2); + } + select { + border: 1px solid var(--dark-color-border); + background: url(../../images/icons/Down-Arrow.png) 88% center no-repeat transparent; + + } + .edu-product { + .inner { + > .thumbnail { + .product-hover-info { + ul { + li { + a { + background-color: var(--bg-color-2); + + &:hover { + color: var(--color-white); + } + } + } + } + } + } + } + } + .pro-qty { + input { + color: var(--color-white); + } + } + .product-details-area { + .content { + .product-action { + .add-to-cart-btn { + .wishlist-btn { + &:hover { + i { + color: var(--color-white); + } + } + } + } + } + } + } + .cart-table { + th, + td { + border-bottom: 1px solid var(--dark-color-border) !important; + } + tbody { + td { + color: var(--color-title); + } + } + } + .cart-update-btn-area { + .product-cupon { + border: 1px solid var(--dark-color-border); + .submit-btn { + color: var(--color-white); + } + } + input[type="text"] { + background-color: transparent; + } + .update-btn { + .edu-btn { + &.disabled { + opacity: 1; + } + } + } + } + .order-summery { + tbody { + td { + border-color: var(--dark-color-border) !important; + } + } + } + .checkout-billing { + .form-group { + input, + textarea { + border-color: var(--dark-color-border); + background-color: transparent; + } + select { + background: url(../../images/icons/Down-Arrow.png) 88% center no-repeat transparent; + } + } + } + .order-payment { + .payment-method { + background-color: var(--bg-color-2); + } + .form-group { + border-bottom: 1px solid var(--dark-color-border); + + &:last-child { + border-bottom: none; + } + } + } + .cls-1 { + fill: var(--color-white); + } + .edu-accordion { + .accordion-item { + .accordion-button { + color: var(--color-white); + background-color: var(--dark-color-bg-body); + } + } + } + blockquote { + background-color: var(--bg-color-2); + } + .contact-form { + &.form-style-2 { + background-color: var(--bg-color-2); + box-shadow: none; + } + } + .event-details { + .details-content { + .event-meta { + li { + &::after { + background-color: var(--dark-color-border); + } + } + } + } + } + .error-page-area { + .shape-group { + .shape-1 { + img { + filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%); + } + } + } + } + .privacy-policy { + ul { + li { + color: var(--color-title); + } + } + } + .course-overview { + ul { + li { + color: var(--color-title); + } + } + } + .product-description-content { + .comment-form { + .form-group { + input, + textarea { + background: transparent; + } + } + } + } + .comment-form { + .form-group { + input, + textarea { + box-shadow: none; + border: 1px solid var(--dark-color-border); + background: transparent; + } + .edu-form-check { + label { + &::before { + background-color: transparent; + } + } + } + } + } + + /*------------------- + Button Dark Styles + ---------------------*/ + .wishlist-btn { + background: transparent; + + &.btn-outline-dark { + border: 1px solid var(--dark-color-border); + &:hover { + color: var(--color-white); + border-color: var(--color-secondary); + background-color: var(--color-secondary); + } + } + i { + color: var(--color-white); + } + } + + .btn-icon-round { + color: var(--color-white); + + &:hover { + color: var(--color-white); + } + } + a{ + &.edu-btn { + &.btn-secondary { + color: var(--color-white); + + &:hover { + color: var(--color-white); + } + } + } + } + .isotop-button { + + button { + &:hover, + &.is-checked { + color: var(--color-white); + } + } + } + a { + &.edu-btn { + &.btn-border { + &:hover { + color: var(--color-white); + } + } + } + } + + /*------------------- + Form Dark Styles + ---------------------*/ + input[type="text"], + input[type="password"], + input[type="email"], + input[type="number"], + input[type="tel"], + textarea { + background-color: transparent; + } + .contact-form-area { + input[type="text"], + input[type="password"], + input[type="email"], + input[type="number"], + input[type="tel"], + textarea { + border: 1px solid var(--dark-color-border); + } + } + + input[type="checkbox"], + input[type="radio"] { + ~label { + color: var(--color-title); + } + } + + input[type="checkbox"] ~ label::before, + input[type="radio"] ~ label::before { + border: 1px solid var(--dark-color-border); + color: var(--color-white); + } + input[type="checkbox"] ~ label::after, + input[type="radio"] ~ label::after { + color: var(--color-white); + } + input[type="checkbox"]:checked ~ label::before, + input[type="radio"]:checked ~ label::before { + background-color: var(--color-primary); + border-color: var(--color-primary); + } + .login-form-box { + .chekbox-area { + .edu-form-check { + label { + &::before { + background-color: transparent; + } + } + } + } + } + + /*------------------- + Swiper Slider Dark Styles + ---------------------*/ + .swiper-navigation { + .swiper-btn-nxt, + .swiper-btn-prv { + background-color: transparent; + color: var(--color-white); + + &:hover { + color: var(--color-white); + } + } + } + .blog-style-4 { + .swiper-navigation { + .swiper-btn-nxt, + .swiper-btn-prv { + background-color: var(--bg-color-2); + color: var(--color-white); + + &:hover { + color: var(--color-white); + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/default/_form.scss b/public/assets/scss/default/_form.scss new file mode 100644 index 0000000..64ea1d0 --- /dev/null +++ b/public/assets/scss/default/_form.scss @@ -0,0 +1,196 @@ +/*------------------------- + Forms Styles +-------------------------*/ +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +input, +select, +textarea { + width: 100%; + transition: 0.3s; +} + +input { + height: 60px; +} + +select { + transition: 0.3s; + height: 50px; + padding: 10px 20px; + outline: none; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + border: 0 none; + border-radius: 3px; + color: var(--color-heading); + font-family: var(--font-secondary); + font-size: 15px; + font-weight: 600; + background: url(../../images/icons/arrow-icon.png) 88% center no-repeat transparent; + background-color: var(--color-lighten01); + min-width: 160px; + cursor: pointer; +} + +input[type="text"], +input[type="password"], +input[type="email"], +input[type="number"], +input[type="tel"], +textarea { + font-size: 15px; + background-color: var(--color-white); + -webkit-box-shadow: none; + box-shadow: none; + padding: 0 25px; + outline: none; + border: none; + border-radius: 5px; + color: var(--color-heading); + + /* -- Placeholder -- */ + &::placeholder { + color: var(--color-placeholder); + /* Firefox */ + opacity: 1; + } + + &:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: var(--color-placeholder); + opacity: 1; + } + + &::-ms-input-placeholder { + /* Microsoft Edge */ + color: var(--color-placeholder); + opacity: 1; + } + + &:focus { + border-color: var(--color-primary); + } +} + + +textarea { + padding: 20px 25px; +} + +// Custom Checkbox and radio button +input[type="checkbox"], +input[type="radio"] { + opacity: 0; + position: absolute; + ~label { + position: relative; + font-size: 15px; + line-height: 26px; + color: var(--color-heading); + padding-left: 32px; + cursor: pointer; + margin-bottom: 0; + &::before { + content: " "; + position: absolute; + top: 4px; + left: 0; + width: 17px; + height: 17px; + // background-color: #fff; + border: 1px solid #d2d5d6; + border-radius: 2px; + transition: all .3s; + } + &::after { + content: "\e913"; + font-family: var(--font-icomoon); + font-size: 10px; + color: var(--color-white); + position: absolute; + top: 0; + left: 4px; + opacity: 0; + transition: all .3s; + } + } + + &:checked { + ~label { + &::before { + background-color: var(--color-primary); + border-color: var(--color-primary); + } + &::after { + opacity: 1; + } + } + } +} + +input[type="radio"] { + ~label { + padding-left: 30px; + &::before { + border: 1px solid #dcdfe0; + border-radius: 50%; + } + &::after { + content: ""; + height: 7px; + width: 7px; + top: 9px; + left: 5px; + background-color: var(--color-primary); + border-radius: 50%; + } + } + &:checked { + ~label { + &::before { + background-color: var(--color-white); + border-color: #dcdfe0; + } + } + } +} + +/*-------------------- + Contact Form +----------------------*/ +.form-group { + margin-bottom: 20px; + &:last-child { + margin-bottom: 0; + } + label { + color: var(--color-heading); + margin-bottom: 8px; + } + .submit-btn { + padding: 0 35px; + } +} + +.form-message { + margin-bottom: 0; + text-align: center; + + &.error { + margin-top: 20px; + color: #f80707; + } + + &.success { + margin-top: 20px; + color: #0d8d2d; + } +} + diff --git a/public/assets/scss/default/_react_specific.scss b/public/assets/scss/default/_react_specific.scss new file mode 100644 index 0000000..e52e0a6 --- /dev/null +++ b/public/assets/scss/default/_react_specific.scss @@ -0,0 +1,484 @@ +.d-block-shape { + display: block; +} + +.rangeslider-horizontal .rangeslider__fill { + background-color: var(--color-primary) !important; +} + +.course-style-9 .wishlist-btn.btn-outline-dark.active, +.course-style-8 .wishlist-btn.btn-outline-dark.active, +.course-style-5 .wishlist-btn.btn-outline-dark.active, +.edu-course .course-hover-content .content .wishlist-btn.active, +.edu-course .course-hover-content-wrapper button.wishlist-btn.active { + background: var(--color-secondary); +} + +.course-style-9 .wishlist-btn.btn-outline-dark.active, +.course-style-8 .wishlist-btn.btn-outline-dark.active, +.course-style-5 .wishlist-btn.btn-outline-dark.active { + border-color: var(--color-secondary); +} + +.course-style-9 .wishlist-btn.btn-outline-dark.active i, +.course-style-8 .wishlist-btn.btn-outline-dark.active i, +.course-style-5 .wishlist-btn.btn-outline-dark.active i { + color: var(--color-white); +} + +.course-review .comment-form-area .rating-icon .rating i:not(last-child), +.course-review .comment-list-wrapper .comment .comment-content .rating i:not(last-child), +.course-review .rating-box .rating i:not(last-child), +.testimonial-grid .content .rating-icon i:not(last-child), +.testimonial-slide .content .rating-icon i:not(last-child), +.testimonial-slide.testimonial-style-2 .content .rating-icon i:not(last-child), +.edu-course.course-style-4 .content .course-rating i:not(last-child), +.edu-course .content .course-rating i:not(last-child){ + margin-right: 3px; +} + +.features-area-1 .features-box:hover .icon svg circle, +.features-area-1 .features-box:hover .icon svg line { + stroke: var(--color-white); +} + +.edu-course .hover-content-aside { + width: 360px; +} + +.course-style-3-third-item { + .edu-course { + .hover-content-aside { + @media only screen and (max-width: 1880px) { + left: auto; + right: 100%; + padding-left: 0; + padding-right: 12px; + .content:before { + left: auto; + right: -12px; + -webkit-transform: scaleX(-1); + -ms-transform: scaleX(-1); + transform: scaleX(-1); + } + } + @media only screen and (max-width: 767px) { + display: none; + } + } + + } + + &.course-style-3-even { + .hover-content-aside { + @media only screen and (max-width: 1199px) { + left: auto; + right: 100%; + padding-left: 0; + padding-right: 12px; + .content:before { + left: auto; + right: -12px; + -webkit-transform: scaleX(-1); + -ms-transform: scaleX(-1); + transform: scaleX(-1); + } + } + @media only screen and (max-width: 767px) { + display: none; + } + } + } + + &.course-style-3-odd { + .edu-course { + .hover-content-aside { + @media only screen and (max-width: 1199px) { + left: 100%; + right: inherit; + padding-left: 12px; + padding-right: 0; + .content:before { + right: inherit; + left: -13px; + transform: translateY(-50%); + } + } + @media only screen and (max-width: 767px) { + display: none; + } + } + } + } +} + +.course-style-3-even { + .hover-content-aside { + @media only screen and (max-width: 1199px) { + left: auto; + right: 100%; + padding-left: 0; + padding-right: 12px; + .content:before { + left: auto; + right: -12px; + -webkit-transform: scaleX(-1); + -ms-transform: scaleX(-1); + transform: scaleX(-1); + } + } + @media only screen and (max-width: 767px) { + display: none; + } + } +} + +.course-style-3-odd { + .hover-content-aside { + @media only screen and (max-width: 767px) { + display: none; + } + } +} + +/* mini cart style */ +.edublink-header-mini-cart { + top: 90%; + right: -50px; + position: absolute; + opacity: 0; + visibility: hidden; + transition: 0.3s; + pointer-events: none; + @media only screen and (max-width: 1199px) { + display: none; + } + .wrapper { + height: auto; + width: 350px; + z-index: 8; + text-align: left; + padding: 25px; + transition: 0.3s; + background: var(--color-white); + box-shadow: 0px 10px 40px rgb(0 0 0 / 8%); + .items { + margin: 0; + padding: 0; + list-style: none; + &.cart-height { + max-height: 400px; + overflow: hidden; + overflow-y: scroll; + } + .each-item { + display: flex; + margin: 0; + .thumb { + min-width: 75px; + margin-right: 15px; + img { + width: 75px; + height: 75px; + object-fit: cover; + border-radius: 5px; + } + } + &:not(:last-child) { + margin-bottom: 20px; + } + .content { + .title { + margin-top: 5px; + margin-bottom: 5px; + a { + font-size: var(--font-size-b2); + line-height: var(--line-height-b2); + color: var(--color-black); + height: inherit; + &:hover { + color: var(--color-primary); + } + } + } + .price-and-quantity { + color: var(--color-black); + font-size: 15px; + } + } + .cart-item-remove { + margin-left: auto; + button { + border: 0; + color: var(--color-body); + background: transparent; + font-size: 12px; + margin-top: 7px; + &:hover { + color: var(--color-secondary); + } + } + } + } + } + .total-price-wrapper { + border-top: 3px double rgba(178, 187, 197, 0.3); + padding: 20px 0 20px; + display: flex; + margin: 0; + margin-top: 15px; + font-size: 18px; + font-weight: 600; + color: var(--color-black); + justify-content: space-between; + } + .cart-checkout-buttons { + display: flex; + justify-content: center; + .edu-btn { + border-radius: 25px; + font-size: 14px; + height: 40px; + line-height: 40px; + color: var(--edu-btn-color); + padding: 0 36px; + &.cart-btn { + margin-right: 10px; + } + } + } + &.empty-cart-wrapper { + width: 270px; + padding: 15px 25px; + .empty-cart { + margin: 0; + text-align: center; + } + } + } +} + +.header-action li.icon.cart-icon { + position: relative; +} + +.header-action li.icon.cart-icon:hover .edublink-header-mini-cart { + opacity: 1; + visibility: visible; + top: 100%; + pointer-events: auto; + z-index: 2; +} + +/*gallery*/ +.edu-gallery-grid { + padding: 0; +} + +/* course page */ +[data-theme="dark"] .edu-sorting-area .sorting-right .layout-switcher .switcher-btn li a { + border: 1px solid var(--dark-color-border) !important; +} + +.rangeslider, .rangeslider .rangeslider__fill, +.rangeslider .rangeslider__handle { + box-shadow: none !important; +} + +.rangeslider-horizontal .rangeslider__handle:after { + box-shadow: 0 1px 3px rgb(0 0 0 / 10%) inset, 0 -1px 3px rgb(0 0 0 / 10%) inset !important; +} + +/*cart page*/ +.cart-table tbody td.product-thumbnail a { + border: 0px !important; +} + +@media only screen and (max-width: 575px) { + .cart-table tbody td.product-thumbnail a img { + width: 70px; + object-fit: cover; + } +} + +/* presentation page */ +@keyframes edublink-marque-animation { + 0% { + background-position: 0%; + } + 100% { + background-position: 5440px; + } +} + +.background-marque { + animation: edublink-marque-animation 50s linear infinite reverse; + pointer-events: none; +} + +/* dark/light toggle */ +.dark-light-wrapper { + position: fixed; + right: 5px; + top: 50%; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + z-index: 10; +} +.dark-light-checkbox { + opacity: 0; + position: absolute; +} +.dark-light-label { + width: 76px; + height: 24px; + background-color: #f5f9fa; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border-radius: 26px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 5px; + position: relative; + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); + border: 2px solid #eaf0f2; +} +.dark-light-ball { + padding: 0.15rem; +} +.dark-light-ball-inner { + width: 31px; + height: 31px; + color: #ff5b5c; + background-color: #ffcdce; + position: absolute; + top: -5px; + right: 44px; + border-radius: 50%; + transition: transform 0.2s linear; + z-index: 1; + border: 4px solid #ffffff; + font-size: 14px; + box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 10%); +} +.dark-light-checkbox:checked + .dark-light-label .dark-light-ball-inner { + -webkit-transform: translateX(39px); + -ms-transform: translateX(39px); + transform: translateX(39px); +} + +.dark-light-wrapper i:hover { + cursor: pointer; +} +.dark-light-wrapper i.ri-sun-fill { + position: absolute; + top: -1px; + left: 4px; +} +.dark-light-wrapper i.ri-moon-fill { + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + position: absolute; + bottom: 0px; + right: 5px; + display: none; +} +.switcher { + font-size: 10px; + margin: 0; + position: absolute; + cursor: pointer; + color: #141417; +} + +.switcher.swith-to-light { + top: 1px; + left: 10px; + display: none; +} + +.switcher.swith-to-dark { + bottom: 1px; + right: 10px; +} + +[data-theme="dark"] { + .dark-light-label { + background-color: rgb(37, 45, 55); + border-color: #3d444d; + } + .dark-light-wrapper i.ri-moon-fill { + display: block; + } + .dark-light-wrapper i.ri-sun-fill { + display: none; + } + .dark-light-ball-inner { + left: inherit; + right: -3px; + } + .switcher.swith-to-light { + display: block; + } + .switcher.swith-to-dark { + display: none; + } +} + +@media only screen and (max-width: 1199px) { + .dark-light-wrapper { + display: none; + } +} + +/* dark mode */ +[data-theme=dark] body { + // .video-gallery .thumbnail .video-play-btn i, + .header-action li.icon a.wishlist { + color: var(--color-white) !important; + } + .edublink-header-mini-cart { + .wrapper { + background: #02060d; + .items { + margin: 0; + padding: 0; + list-style: none; + .each-item { + .content { + .title { + a { + color: var(--color-title); + &:hover { + color: var(--color-primary); + } + } + } + .price-and-quantity { + color: var(--color-title); + font-size: 15px; + } + } + } + } + .total-price-wrapper { + color: var(--color-white); + } + } + } +} + +@media only screen and (max-width: 1199px) { + .edu-course .course-hover-content-wrapper button.wishlist-btn { + z-index: 1; + } +} \ No newline at end of file diff --git a/public/assets/scss/default/_reset.scss b/public/assets/scss/default/_reset.scss new file mode 100644 index 0000000..9a53715 --- /dev/null +++ b/public/assets/scss/default/_reset.scss @@ -0,0 +1,344 @@ +/*------------------------- + Reset Styels +-------------------------*/ + +* { + box-sizing: border-box; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden] { + display: none; +} + + +a { + display: inline-block; + color: var(--color-heading); + text-decoration: none; + outline: none; +} + + +a:hover, +a:focus, +a:active { + text-decoration: none; + outline: none; + color: var(--color-primary); +} + +a:focus { + outline: none; +} +address { + margin: 0 0 24px; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} +mark { + background: var(--color-primary); + color: #ffffff; +} +code, +kbd, +pre, +samp { + font-size: var(--font-size-b3); + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; + color: var(--color-primary); +} +kbd , +ins{ + color: #ffffff; +} + + + + +pre, +pre.wp-block-code { + font-family: "Courier 10 Pitch", Courier, monospace !important; + font-size: 15px !important; + margin: 40px 0 !important; + overflow: auto; + padding: 20px !important; + white-space: pre !important; + white-space: pre-wrap !important; + word-wrap: break-word !important; + color: var(--color-body) !important; + background: var(--color-light); + border-radius: 4px; +} + + +small { + font-size: smaller; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} + +dl { + margin-top: 0; + margin-bottom: 10px; +} + +dd { + margin: 0 15px 15px; +} +dt { + font-weight: bold; + color: var(--color-heading); +} + +menu, +ol, +ul { + margin: 16px 0; + padding: 0 0 0 40px; +} + +nav ul, +nav ol { + list-style: none; + list-style-image: none; +} +li>ul, +li>ol { + margin: 0; +} + +ol { + ul { + margin-bottom: 0; + } +} + +img { + -ms-interpolation-mode: bicubic; + border: 0; + vertical-align: middle; + max-width: 100%; + height: auto; +} + +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 0; +} +form { + margin: 0; +} +fieldset { + border: 1px solid var(--color-border); + margin: 0 2px; + min-width: inherit; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; + white-space: normal; +} + +button, +input, +select, +textarea { + font-size: 100%; + margin: 0; + max-width: 100%; + vertical-align: baseline; +} + +button, +input { + line-height: normal; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + -moz-appearance: button; + appearance: button; + cursor: pointer; +} + +button[disabled], +input[disabled] { + cursor: default; +} + +input[type="checkbox"], +input[type="radio"] { + padding: 0; +} + +input[type="search"] { + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; + appearance: textfield; + padding-right: 2px; + width: 270px; +} + +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; + appearance: none; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +textarea { + overflow: auto; + vertical-align: top; +} +caption, +th, +td { + font-weight: normal; +} +table thead th { + font-weight: 700; +} + +td, +.wp-block-calendar tfoot td { + border: 1px solid var(--color-border); + padding: 7px 10px; +} +del { + color: #333; +} + +ins { + background: rgba(56, 88, 246, 0.6); + text-decoration: none; + padding: 0 5px; +} +hr { + background-size: 4px 4px; + border: 0; + height: 1px; + margin: 0 0 24px; + opacity: 0.6; +} + + + + +table a, +table a:link, +table a:visited { + text-decoration: underline; +} + +dt { + font-weight: bold; + margin-bottom: 10px; +} + +dd { + margin: 0 15px 15px; +} + +caption { + caption-side: top; +} + +kbd { + background: var(--heading-color); +} + +dfn, +cite, +em { + font-style: italic; +} + + +/* BlockQuote */ +blockquote, +q { + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; + quotes: none; +} + +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ""; + content: none; +} + +blockquote blockquote { + margin-right: 0; +} + +blockquote cite, +blockquote small { + font-size: var(--font-size-b3); + font-weight: normal; +} + +blockquote strong, +blockquote b { + font-weight: 700; +} \ No newline at end of file diff --git a/public/assets/scss/default/_rtl.scss b/public/assets/scss/default/_rtl.scss new file mode 100644 index 0000000..17c0f9e --- /dev/null +++ b/public/assets/scss/default/_rtl.scss @@ -0,0 +1,2697 @@ +html[dir="rtl"]{ + .header-top { + .header-top-right { + .header-info { + li { + padding: 14px 35px 12px 30px; + @media #{$lg-layout} { + padding: 14px 30px 12px; + font-size: 11px; + } + .contact { + position: relative; + margin: 0 2px 0 0; + transition: var(--transition); + + &:hover { + color: var(--color-secondary); + } + } + .icon-phone, + .icon-envelope { + position: absolute; + width: 100%; + height: 100%; + right: -30px; + top: 10%; + } + &.header-btn { + .edu-btn { + i { + font-size: 16px; + } + } + } + } + } + } + .header-top-left { + .header-notify { + @media #{$lg-layout} { + font-size: 11px; + } + } + } + .header-info { + li { + .icon-envelope, + .icon-phone { + padding-right: inherit; + padding-left: 10px; + } + &::after { + right: inherit; + left: 0; + } + } + } + + } + .header-action li.icon.cart-icon { + margin-right: 10px; + } + .header-category .mainmenu-nav .mainmenu li { + margin-right: 0; + } + .edu-header .header-category .mainmenu li.has-droupdown > a i { + padding-right: inherit; + margin-left: 10px; + } + .edu-header .header-category .mainmenu li.has-droupdown > a { + padding: 0 20px 0 40px; + } + .header-style-2 { + .header-mainmenu { + .header-right { + padding-left: inherit; + padding-right: 50px; + margin-left: 10px; + + &::after { + left: inherit; + right: 17px; + } + } + } + } + .header-style-1 { + .header-brand { + .logo { + margin-right: 27px; + @media #{$sm-layout} { + margin-right: 0; + } + } + } + .header-category { + margin-right: 30px; + } + } + .header-style-3 { + .header-brand { + .logo { + margin-right: 0; + } + } + .header-mainmenu { + .header-right { + padding-left: inherit; + padding-right: 50px; + margin-left: inherit; + margin-right: 22px; + + &::after { + left: inherit; + right: 0; + } + } + } + .header-action { + margin: 0; + } + } + .header-style-7 .header-brand .logo { + margin-right: 0; + margin-left: 40px; + } + .header-action { + .search-bar { + .input-group { + .form-control { + padding: 0 20px 0 20px; + } + } + } + li { + &.icon { + &.cart-icon { + transform: rotateY(180deg); + } + } + } + } + .mainmenu-nav { + .mainmenu { + li { + &.has-droupdown { + > a { + &::after { + right: inherit; + left: 10px; + } + } + .submenu { + text-align: right; + left: inherit; + right: 0; + } + } + ul { + &.mega-menu { + left: inherit; + right: -292px; + + .menu-title { + padding-left: 0; + padding-right: 100px; + } + .submenu { + padding: 20px 50px 0 0; + } + + > li { + border-right: 1px solid var(--color-border); + &:first-child { + border-right: 0; + } + } + } + } + } + } + } + .popup-mobile-menu { + .inner { + left: inherit; + right: -150px; + } + .mainmenu { + .has-droupdown { + > a { + &::after { + right: inherit; + left: 0; + } + } + } + } + &.active { + .inner { + left: inherit; + right: 0; + } + } + } + .edu-search-popup { + .site-logo { + left: inherit; + right: 70px; + } + .close-button { + right: inherit; + left: 62px; + } + .inner { + .search-form { + .submit-button { + right: inherit; + left: 0; + } + } + } + } + + // Hero area + + .hero-banner { + .banner-content { + .shape-group { + li { + &.shape-1 { + left: inherit; + right: -74px; + } + } + } + } + .banner-thumbnail { + .thumbnail { + text-align: left; + } + + .instructor-info { + left: inherit; + right: 0; + + .inner { + padding: 26px 20px 16px 30px; + .title { + margin-right: 14px; + } + .media { + .content { + margin-right: 10px; + } + } + } + } + .shape-group { + li { + &.shape-1 { + left: inherit; + right: 0; + } + &.shape-2 { + left: inherit; + right: 0; + } + &.shape-3 { + left: inherit; + right: 0; + } + &.shape-4 { + right: inherit; + left: 41px; + } + &.shape-5 { + right: inherit; + left: -50px; + } + &.shape-6 { + right: inherit; + left: -98px; + } + } + } + } + &.hero-style-1 { + .shape-7 { + right: inherit; + left: 0; + } + } + &.hero-style-2 { + .banner-gallery { + .thumbnail { + &.thumbnail-2 { + padding-left: inherit; + padding-right: 30px; + + @media #{$md-layout} { + text-align: right; + } + } + } + .online-support { + left: inherit; + right: 85px; + .inner { + .icon { + margin-right: inherit; + margin-left: 15px; + } + .content { + text-align: right; + } + } + } + .shape-group { + li { + &.shape-1 { + right: inherit; + left: 115px; + } + &.shape-2 { + right: inherit; + left: -50px; + } + &.shape-3 { + right: inherit; + left: -108px; + } + &.shape-4 { + left: inherit; + right: -12px; + } + } + } + } + } + &.hero-style-3 .swiper-slide:before { + background: linear-gradient(270deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 80%); + } + &.hero-style-3 .thumbnail-bg-content .banner-content { + right: 0; + left: inherit; + } + &.hero-style-3 .shape-group li.shape-1 { + left: inherit; + right: 8.2%; + } + &.hero-banner.hero-style-3 .shape-group li.shape-2 { + left: inherit; + right: 26%; + } + &.hero-style-3 .shape-group li.shape-3 { + left: inherit; + right: -153px; + } + &.hero-style-3 .hero-slider-bg-controls { + right: inherit; + left: 70px; + } + &.hero-style-3 .hero-slider-bg-controls .slide-prev { + right: inherit; + left: -70px; + } + &.hero-style-4 { + .banner-gallery { + .online-support { + .inner { + .content { + text-align: right; + } + .icon { + margin-right: inherit; + margin-left: 15px; + } + } + } + } + } + &.hero-style-5 { + .banner-thumbnail { + .shape-group { + .shape-2 { + left: inherit; + right: -22px; + } + .shape-3 { + right: inherit; + left: -16px; + } + } + } + } + &.hero-style-6 { + .banner-thumbnail { + .shape-group { + .shape-1 { + right: inherit; + left: 0; + } + .shape-2 { + left: inherit; + right: 80px; + } + .shape-3 { + right: inherit; + left: -75px; + } + .shape-4 { + right: inherit; + left: 23px; + } + } + } + .shape-group { + li { + &.shape-1 { + left: inherit; + right: 250px; + } + &.shape-2 { + left: inherit; + right: 115px; + } + &.shape-3 { + right: inherit; + left: 0; + } + } + } + } + &.hero-style-8 { + .banner-content { + text-align: right; + @media #{$md-layout-1} { + text-align: center; + } + .title { + @media #{$md-layout-1} { + padding: 0 110px; + } + @media #{$large-mobile} { + padding: 0 60px; + } + } + + p { + padding-right: inherit; + padding-left: 90px; + @media #{$md-layout-1} { + padding-left: 0; + } + } + .banner-search { + .input-group { + .form-control { + padding: 0 20px; + } + } + } + } + .shape-group { + li { + &.shape-5 { + left: inherit; + right: -240px; + } + &.shape-6 { + left: inherit; + right: -297px; + } + } + } + .banner-thumbnail { + margin-right: inherit; + margin-left: -100px; + @media #{$custom-lg-device-eight} { + margin-left: -40px; + } + @media #{$smlg-device} { + margin-left: 0; + } + .instructor-info { + right: 70px; + } + .shape-group { + li { + &.shape-1 { + right: 162px; + } + &.shape-2 { + right: inherit; + left: -30px; + } + &.shape-3 { + right: inherit; + left: -100px; + @media #{$custom-lg-device-six} { + left: -40px; + } + } + &.shape-4 { + left: inherit; + right: -10px; + } + } + } + } + } + } + .hero-style-9 .slider .health-slider-content { + margin-right: 0; + } + .hero-style-9 .health-slider-main { + left: inherit; + right: calc(60% - 80px); + } + .hero-style-9 .hero-slider-bg-controls .slide-prev { + right: 70px; + top: 0; + } + .hero-style-9 .hero-slider-bg-controls { + left: inherit; + right: 0; + } + .hero-style-9 .slider .container .shape-group li.shape-1 { + left: inherit; + right: -460px; + } + .hero-style-9 .slider .container .shape-group li.shape-2 { + left: inherit; + right: -257px; + } + .hero-style-9 .shape-group li.shape-3 { + left: inherit; + right: 39%; + } + .hero-style-9 .shape-group li.shape-4 { + left: inherit; + right: 100px; + @media #{$custom-lg-device-six} { + right: 2px; + } + } + .hero-style-9 .shape-group li.shape-5 { + right: inherit; + left: 38.5%; + } + .hero-style-9 .shape-group li.shape-6 { + right: inherit; + left: 42.5%; + } + .hero-style-10 .banner-content p { + padding-right: inherit; + padding-left: 85px; + @media #{$md-layout-1} { + padding-left: 0; + } + } + .hero-style-10 .banner-content .shape-group li.shape-1 { + left: 106%; + right: inherit; + } + .hero-style-10 .banner-content .shape-group li.shape-2 { + left: inherit; + top: -18px; + right: -209px; + } + .hero-style-10 .shape-group li.shape-8 { + right: inherit; + left: 0; + } + .hero-style-10 .banner-thumbnail { + margin-right: 0; + margin-bottom: -170px; + margin-left: -190px; + @media #{$smlg-device} { + margin-left: -100px; + } + @media #{$md-layout-1} { + margin-left: -13px; + margin-bottom: 0; + } + @media #{$large-mobile} { + margin-bottom: -15px; + margin-left: 0; + } + } + .hero-style-10 .banner-thumbnail .instructor-info { + bottom: 210px; + left: inherit; + right: -1px; + } + .hero-style-10 .banner-thumbnail .instructor-info .inner { + padding: 26px 40px 44px; + } + .hero-style-10 .banner-thumbnail .shape-group li.shape-3 { + top: 0; + left: inherit; + right: -20%; + } + .hero-style-10 .banner-thumbnail .shape-group li.shape-4 { + top: -20px; + left: inherit; + right: -100px; + } + .hero-style-10 .banner-thumbnail .shape-group li.shape-5 { + right: inherit; + left: 175px; + } + .hero-style-10 .banner-thumbnail .shape-group li.shape-6 { + right: inherit; + left: 223px; + } + .hero-style-10 .banner-thumbnail .shape-group li.shape-7 { + right: inherit; + bottom: 215px; + left: 171px; + } + .hero-style-11 .banner-content p { + padding-left: 20px; + } + .hero-style-11 .banner-content .shape-group li.shape-1 { + left: inherit; + right: -218px; + } + .hero-style-11 .banner-thumbnail .shape-group li.shape-2 { + left: inherit; + right: -72px; + } + .hero-style-11 .banner-thumbnail .shape-group li.shape-3 { + right: 157px; + bottom: -30px; + top: inherit; + left: inherit; + } + .hero-style-11 .banner-thumbnail .shape-group li.shape-4 { + left: -54px; + right: inherit; + } + .hero-style-11 .banner-thumbnail .shape-group li.shape-5 { + left: -116px; + bottom: inherit; + right: inherit; + } + .about-counterup .about-course .about-course-style-2 { + padding: 0 30px; + text-align: right; + padding-right: 30px; + } + .about-counterup .about-course .about-course-style-2 .content .title { + margin-right: 40px; + } + .about-counterup .about-course .about-course-style-2.remote-course { + margin-right: 50px; + } + .about-counterup::after { + left: 638px; + } + .edu-course-area.course-area-11 .course-price { + left: inherit; + right: 20px; + } + .edu-course-area.course-area-11 .course-style-5 .inner .thumbnail .course-meta { + left: inherit; + right: 0; + padding-left: inherit; + padding-right: 10px; + } + .faq-style-7 .edu-faq-gallery .thumbnail-1 { + margin-right: -277px; + margin-left: inherit; + } + .faq-style-7 .edu-faq-gallery .shape-group li.shape-1 { + left: inherit; + right: -37px; + } + + .faq-style-7 .edu-faq-gallery .thumbnail-1 { + @media only screen and (min-width: 1401px) and (max-width: 1750px) { + margin-right: -140px; + margin-left: inherit; + } + @media only screen and (min-width: 1200px) and (max-width: 1400px) { + margin-left: -60px; + margin-right: 10px; + } + @media only screen and (max-width: 1199px) { + margin-right: -70px; + } + @media only screen and (max-width: 991px) { + margin-right: 0; + } + } + .edu-course-area.course-area-11 .content { + padding: 20px 0 0 40px; + } + .language-about .about-content { + padding-left: 0; + padding-right: 40px; + @media #{$sm-layout} { + padding-right: 0; + } + } + .language-about .about-image-gallery { + padding: 80px 0px 20px 30px !important; + @media #{$md-layout-1} { + text-align: center !important; + } + @media #{$large-mobile} { + padding: 80px 0 20px 0 !important; + } + + } + .language-about .about-image-gallery .main-img-wrapper .main-img-inner { + left: 32px; + right: inherit; + @media #{$lg-layout} { + left: -72px; + } + @media #{$md-layout-1} { + left: -80px; + } + } + .language-about .about-image-gallery .main-img-wrapper .main-img-inner::after { + right: inherit; + left: 20px; + @media #{$md-layout-1} { + left: 134px; + } + @media #{$sm-layout} { + left: 20px; + } + } + .faq-style-6 .edu-faq-gallery { + bottom: -115px; + @media #{$smlg-device} { + left: 0px; + } + @media #{$md-layout-1} { + bottom: 0px; + } + } + .faq-style-6 .edu-faq-gallery .thumbnail-1 { + text-align: left; + @media #{$md-layout-1} { + text-align: center; + } + } + .faq-style-6 .edu-faq-gallery .shape-group li.shape-1 { + top: -127px; + left: inherit; + right: 0; + } + .faq-style-6 .edu-faq-gallery .shape-group li.shape-2 { + top: -74px; + left: inherit; + right: 52px; + } + .faq-style-6 .edu-faq-gallery .shape-group li.shape-3 { + left: inherit; + right: 367px; + } + .faq-style-6 .edu-faq-gallery .shape-group li.shape-4 { + right: inherit; + left: -38px; + } + .faq-style-6 .edu-faq-gallery .shape-group li.shape-5 { + left: inherit; + right: -20px; + } + .edu-course-area.course-area-10 .course-price { + left: inherit; + right: 20px; + } + .edu-course-area.course-area-10 .flag-wrap { + right: inherit; + left: 30px; + } + .categorie-area-5 .categorie-grid { + text-align: right; + } + .categorie-area-5 .categorie-grid .content { + margin-left: inherit; + margin-right: 20px; + } + .edu-course-area.course-area-8 ul .course-view-all, + .edu-course-area.course-area-9 ul .course-view-all { + text-align: left; + } + .edu-course-area.course-area-9 .edu-course.course-style-5 .inner .thumbnail .course-price { + left: inherit; + right: 20px; + } + .edu-course-area.course-area-9 .edu-course.course-style-5 .inner .thumbnail .read-more-btn { + right: inherit; + left: 30px; + } + .edu-course-area.course-area-9 .edu-course.course-style-5 .inner .instructor .instructor-name { + margin-left: inherit; + margin-right: 15px; + } + .edu-course-area.course-area-9 .edu-course.course-style-5 .inner .content { + padding: 0px 0px 10px 50px; + } + .testimonial-area-9 .testimonial-heading-area { + padding-left: 0; + } + .testimonial-area-9 .home-health-testimonial-activator .swiper-navigation { + left: inherit; + right: 34px; + @media #{$md-layout-1} { + right: 0; + } + } + .testimonial-area-9 .shape-group li.shape-1 { + left: inherit; + right: -169px; + } + .testimonial-area-9 .shape-group li.shape-2 { + right: inherit; + left: -150px; + } + .testimonial-area-9 .bg-thumbnail .shape-group li.shape-3 { + left: inherit; + right: -41px; + } + .testimonial-area-9 .bg-thumbnail .shape-group li.shape-4 { + right: inherit; + left: -105px; + } + .testimonial-area-9 .bg-thumbnail .shape-group li.shape-5 { + left: inherit; + right: -54px; + } + .testimonial-area-10 .testimonial-thumb-wrap { + left: inherit; + right: 20px; + } + .counterup-area-11 .counterup-style-6 .counterup-wrapper { + margin-right: 20px; + text-align: right; + } + .counterup-area-11 .counterup-style-6 .counterup-wrapper .count-number { + text-align: right; + } + .event-area-4 .event-view-all-btn a.btn-transparent i { + padding-right: 6px; + top: 0px; + font-size: 20px; + } + .health-coach-wrapper.cta-banner-7 .input-group input { + margin-left: 20px; + margin-right: inherit; + } + //about + .edu-about-area { + .about-content { + .features-list { + li { + padding-left: 0; + padding-right: 35px; + &::before { + left: inherit; + right: 0; + } + } + } + } + .award-status { + right: inherit; + left: 70px; + .inner { + .icon { + margin-right: 0; + } + .content { + text-align: right; + margin-right: 15px; + } + } + } + + &.about-style-1 { + + .about-image-gallery { + .video-box { + right: inherit; + left: 50px; + } + .shape-group { + li { + &.shape-1 { + left: inherit; + right: -100px; + } + &.shape-2 { + left: inherit; + right: -50px; + } + &.shape-3 { + right: inherit; + left: 120px; + } + } + } + } + .shape-group { + li { + right: inherit; + left: -210px; + } + } + } + &.about-style-2 { + .about-image-gallery { + padding: 80px 70px 60px 0; + + .author-box { + right: inherit; + left: 0px; + } + .shape-group { + li { + &.shape-1 { + left: inherit; + right: -80px; + } + &.shape-2 { + left: inherit; + right: -55px; + } + &.shape-3 { + right: inherit; + left: -5px; + } + } + } + } + .about-content { + padding-left: inherit; + padding-right: 80px; + @media #{$md-layout-1} { + padding-right: 0; + } + } + .shape-group { + li { + right: inherit; + left: -210px; + } + } + .award-status { + left: inherit; + right: -20px; + @media #{$custom-lg-device-eight} { + right: 20px; + } + @media #{$md-layout-1} { + right: 20px; + } + } + } + &.about-style-3 { + .about-content { + .nav-tabs { + .nav-item { + &::after { + top: 6px; + right: inherit; + left: -18px; + } + } + } + } + .about-image-gallery { + padding: 80px 30px 65px 0; + text-align: right; + + .main-img-2 { + right: inherit; + left: 0; + @media #{$md-layout} { + left: 115px; + } + } + .shape-group { + li { + &.shape-1 { + right: inherit; + left: 95px; + } + &.shape-2 { + right: inherit; + left: 39px; + } + &.shape-3 { + right: -3px; + left: inherit; + } + &.shape-4 { + right: inherit; + left: 40px; + } + } + } + } + .shape-group { + li { + &.shape-1 { + left: inherit; + right: 110px; + } + &.shape-2 { + left: inherit; + right: 80px; + } + } + } + } + &.about-style-4 { + .about-image-gallery { + margin-right: inherit; + margin-left: 30px; + .main-img-2 { + right: inherit; + left: 0; + } + .shape-group { + .shape-1 { + right: inherit; + left: 85px; + } + .shape-2 { + right: inherit; + left: 31px; + } + .shape-3 { + left: inherit; + right: -32px; + } + .shape-4 { + right: inherit; + left: 70px; + } + } + } + } + &.about-style-5 { + .about-image-gallery { + .shape-group { + li { + &.shape-1 { + right: inherit; + left: -10px; + } + &.shape-2 { + left: inherit; + right: -80px; + } + } + } + } + .shape-group { + li { + &.shape-1 { + right: inherit; + left: 180px; + } + } + } + .about-content { + padding-left: inherit; + padding-right: 30px; + } + } + &.about-style-6 { + .about-image-gallery { + .main-img-2 { + text-align: left; + } + .shape-group { + .shape-1 { + right: inherit; + left: 34px; + } + .shape-2 { + left: inherit; + right: -15px; + } + .shape-3 { + left: inherit; + right: 20px; + } + } + } + } + &.about-style-7 { + .about-image-gallery { + text-align: left; + padding: 80px 0 0 50px; + + .main-img-2 { + left: -22px; + right: inherit; + } + .shape-group { + li { + &.shape-1 { + left: inherit; + right: 40px; + } + &.shape-2 { + left: inherit; + right: 40px; + } + &.shape-3 { + right: inherit; + left: -10px; + } + &.shape-4 { + left: inherit; + right: 10px; + } + } + } + } + > .shape-group { + > li { + left: inherit; + right: 125px; + } + } + } + &.about-style-8 { + &::after { + left: inherit; + right: -70px; + } + .about-content { + padding-right: inherit; + padding-left: 40px; + + .about-mission { + .single-item { + padding-right: inherit; + padding-left: 40px; + } + } + } + .about-image-gallery { + .shape-group { + li { + &.shape-1 { + left: inherit; + right: -90px; + } + &.shape-2 { + left: inherit; + right: 25px; + } + &.shape-3 { + right: inherit; + left: -70px; + } + &.shape-4 { + right: inherit; + left: -165px; + } + } + } + } + } + } + .about-style-9 .about-image-gallery .author-box { + right: inherit; + left: 38px; + } + .about-style-9 .about-content { + padding-right: 45px; + @media #{$md-layout-1} { + padding-right: 0; + } + } + .about-style-9 .about-image-gallery .shape-group li.shape-1 { + left: inherit; + right: -126px; + } + .about-style-9 .about-image-gallery .shape-group li.shape-2 { + left: inherit; + right: -63px; + } + .about-style-9 .about-image-gallery .shape-group li.shape-3 { + right: inherit; + left: -5px; + } + .about-style-9 .shape-group li.shape-4 { + right: inherit; + left: -150px; + } + //brand + .brand-grid-wrap { + + .brand-grid { + &:first-child { + border-left: none; + } + &:nth-child(4n) { + border-left: 1px solid #f0f0f0; + } + &:nth-child(5n) { + border-left: none; + } + } + &.brand-style-2 { + .brand-grid { + &:first-child { + border-right: none; + } + &:last-child { + border-right: 1px solid #f0f0f0; + } + &:nth-child(5n) { + border-right: none; + } + } + } + } + .brand-section-heading { + padding-right: inherit; + padding-left: 60px; + } + + //Blog + .edu-blog-area { + &.blog-area-2 { + .shape-group { + li { + &.shape-1 { + top: 0; + left: inherit; + right: 135px; + @media #{$lg-layout-1} { + right: 0; + } + } + } + } + } + } + .edu-blog-area.blog-area-6 .thumbnail .date { + left: inherit; + right: 20px; + } + .edu-blog-area.blog-area-6 .edu-blog .content.position-top .read-more-btn { + right: inherit; + left: 30px; + } + + + .blog-meta { + li { + &::after { + right: inherit; + left: -18px; + @media #{$smlg-device} { + left: -11px; + } + } + i { + padding-right: inherit; + padding-left: 10px; + } + } + } + .edu-blog { + &.blog-style-2 { + &.first-large-blog { + .content { + padding-left: inherit; + padding-right: 110px; + + .blog-date { + left: auto; + right: 0; + } + } + } + .thumbnail { + margin-right: inherit; + margin-left: 30px; + @media #{$large-mobile} { + margin-left: 0; + } + } + .blog-date { + right: inherit; + left: 0; + border-radius: 60px 60px 60px 14px; + } + } + } + .edu-blog-widget { + &.widget-latest-post { + .latest-post { + .thumbnail { + margin-right: inherit; + margin-left: 20px; + } + } + } + } + .edu-blog { + &.blog-style-list { + .thumbnail { + margin-right: inherit; + margin-left: 40px; + } + } + .content { + &.position-top { + .read-more-btn { + right: inherit; + left: 30px; + } + } + } + } + blockquote { + padding: 35px 120px 35px 40px; + &::after { + left: inherit; + right: 40px; + } + } + .blog-details-content { + .blog-tags, + .blog-share { + .title { + margin-right: inherit; + margin-left: 12px; + } + } + ul { + padding-left: inherit; + margin-right: 20px; + } + } + .blog-author { + .thumbnail { + margin-right: inherit; + margin-left: 30px; + } + } + .blog-pagination-list { + a { + i { + margin-right: inherit; + margin-left: 20px; + } + } + } + //campus + .edu-campus-area { + .campus-content { + margin-left: inherit; + margin-right: -120px; + @media #{$smlg-device} { + margin-right: 0; + } + .features-box { + text-align: right; + + .icon { + margin-right: inherit; + margin-left: 20px; + } + } + .shape-4 { + right: inherit; + left: -158px; + } + .shape-5 { + right: inherit; + left: -64px; + } + .shape-6 { + right: inherit; + left: -28px; + } + } + .campus-image-gallery { + .shape-1 { + left: inherit; + right: -235px; + } + .shape-2 { + left: inherit; + right: -144px; + } + .shape-3 { + left: inherit; + right: -85px; + } + } + } + //counterup + .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child { + border-right: none; + border-left: 0.8px solid var(--color-border); + @media #{$small-mobile} { + border-left: none; + } + } + .edu-counterup.counterup-style-3:after { + right: inherit; + left: -15px; + } + .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:first-child { + border-right: none; + border-left: 0.8px solid var(--color-border); + @media #{$small-mobile} { + border-left: none; + } + } + .counterup-area-7 { + .counterup-content { + padding-right: inherit; + padding-left: 80px; + } + .counterup-box-wrap { + .shape-group { + li { + &.shape-1 { + left: inherit; + right: -90px; + } + &.shape-2 { + left: inherit; + right: -15px; + } + &.shape-3 { + right: inherit; + left: -90px; + } + &.shape-4 { + right: inherit; + left: 30px; + } + } + } + } + } + // Features area + .features-box { + &.features-style-2 { + text-align: right; + padding: 30px 0; + border-left: 1px solid rgba(255, 255, 255, 0.15); + border-right: 0; + padding-left: inherit; + padding-right: 40px; + + @media #{$md-layout-1} { + &:nth-child(2) { + border-left: none; + } + } + + &:last-child { + border-left: none; + } + .content { + padding: 0 20px 0 0; + } + } + &.features-style-3 { + text-align: right; + &:first-child { + padding-left: inherit; + padding-right: 50px; + } + + .icon { + margin-right: inherit; + margin-left: 20px; + } + } + &.features-style-4 { + text-align: right; + + .icon { + margin-right: inherit; + margin-left: 30px; + } + } + } + + .edu-cta-banner-area-6 .thumbnail img { + margin-left: inherit; + margin-right: 60px; + } + .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-01 { + left: inherit !important; + right: -8px !important; + } + .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-02 { + left: inherit !important; + right: -64px !important; + } + .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-03 { + left: inherit !important; + right: 28% !important; + } + .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-04 { + right: 29% !important; + left: inherit !important; + } + .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-05 { + right: inherit !important; + left: -251px !important; + } + .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-06 { + right: inherit !important; + left: -32% !important; + } + + //categories + .categorie-grid { + &.categorie-style-2 { + text-align: right; + } + } + .categorie-area-4 { + .categorie-grid { + text-align: right; + .icon { + margin: 0 0 0 20px; + } + } + } + + //Course + .edu-course { + .thumbnail { + .time-top { + right: inherit; + left: 10px; + } + } + .content { + .course-rating { + .rating-count { + margin-left: 0; + margin-right: 10px; + } + } + .course-meta { + li { + margin-right: 0; + + &:last-child { + margin-right: 22px; + } + + &::after { + right: inherit; + left: -25px; + } + i { + margin-right: inherit; + margin-left: 7px; + } + } + } + } + .course-hover-content { + .content { + .wishlist-btn { + right: inherit; + left: 10px; + } + } + } + &.course-style-4 { + .thumbnail { + margin-right: inherit; + margin-left: 30px; + @media #{$large-mobile} { + margin-left: 0; + } + + .time-top { + left: inherit; + right: 10px; + } + } + } + &.course-style-5 { + .content { + .price-round { + right: inherit; + left: 30px; + } + } + } + &.course-style-6 { + .thumbnail { + .price-round { + right: inherit; + left: 20px; + } + } + .content { + .course-meta { + li { + &:last-child { + margin-right: 25px; + } + } + } + } + } + &.course-style-7 { + .thumbnail { + .course-price { + right: inherit; + left: 30px; + } + } + .content { + .course-meta { + li { + &:last-child { + margin-right: 20px; + } + } + } + } + } + } + .course-area-8 .edu-course.course-style-4::after { + background: linear-gradient(-270deg, #31b978 0%, #1ab69d 100%); + } + .course-area-8 .course-style-4 .thumbnail .time-top { + left: inherit !important; + right: 0; + } + .course-area-8 .shape-group li.shape-1 { + left: inherit; + right: -280px; + } + .course-area-8 .shape-group li.shape-2 { + left: inherit; + right: -660px; + } + .course-area-8 .shape-group li.shape-3 { + right: inherit; + left: -101px; + } + .course-area-8 .shape-group li.shape-4 { + right: inherit; + left: -100px; + } + .course-area-8 ul .section-title { + @media #{$md-layout-1} { + text-align: center; + } + } + .edu-cta-banner-area-6 .section-title.section-left { + @media #{$md-layout-1} { + text-align: center; + padding: 70px 110px; + } + @media #{$large-mobile} { + padding: 50px 60px; + } + } + .course-layout-five-tooltip-content { + .content { + .course-meta { + li { + margin-right: inherit; + margin-left: 25px; + &::after { + right: inherit; + left: -17px; + } + } + } + .course-feature { + ul { + li { + padding-left: inherit; + padding-right: 28px; + &::before { + left: inherit; + right: 0; + margin-right: 0; + } + } + } + } + } + } + .home-four-course { + .shape-group { + .shape-1 { + right: inherit; + left: -88px; + } + .shape-2 { + right: inherit; + left: -406px; + } + } + } + + //event + .edu-event-area { + .edu-event { + .thumbnail { + .event-time { + left: inherit; + right: 10px; + } + } + .content { + .event-date { + right: inherit; + left: 30px; + } + .event-meta { + li { + i { + padding-right: inherit; + padding-left: 10px; + } + } + } + } + } + .shape-group { + li { + &.shape-1 { + left: inherit; + right: -81px; + } + &.shape-2 { + left: inherit; + right: -190px; + } + } + } + &.event-area-1 { + .edu-event-list { + &.event-list-2 { + .content { + padding-left: 0; + padding-right: 40px; + + @media #{$sm-layout} { + padding-right: 0; + } + + .event-meta { + li { + i { + padding-right: inherit; + padding-left: 10px; + } + } + } + .event-location { + i { + padding-right: inherit; + padding-left: 10px; + } + } + } + } + } + } + &.event-area-3 { + .edu-event-list { + .content { + padding-left: inherit; + padding-right: 28px; + + .event-meta { + li { + i { + padding-right: 0; + } + } + } + + .event-location { + i { + padding-right: inherit; + padding-left: 10px; + } + } + } + } + } + } + .event-details-area { + .event-details { + .details-content { + ul { + padding-left: inherit; + padding-right: 20px; + } + .event-meta { + padding-right: 0; + li { + &::after { + right: inherit; + left: -20px; + } + i { + padding-right: inherit; + padding-left: 10px; + } + } + } + } + } + } + .edu-course-widget { + &.widget-course-summery { + .content { + .course-item { + li { + i { + padding-right: inherit; + padding-left: 15px; + } + } + } + } + } + } + .countdown { + .countdown-section { + margin-right: inherit; + margin-left: 15px; + } + } + + .edu-breadcrumb-area { + .course-meta { + li { + &::after { + right: inherit; + left: -20px; + } + i { + padding-right: inherit; + padding-left: 14px; + } + } + .course-rating { + .rating { + margin-left: 8px; + } + } + } + &.breadcrumb-style-3 { + .breadcrumb-inner { + .page-title { + .title { + text-align: right; + } + } + } + } + &.breadcrumb-style-4 { + .page-title { + .title { + width: 52%; + } + } + } + } + .edu-course-widget { + &.widget-course-summery { + .content { + .course-item { + li { + svg { + margin-right: inherit; + margin-left: 15px; + } + } + } + } + } + } + .course-overview { + ul { + li { + padding-left: inherit; + padding-right: 30px; + &::after { + left: inherit; + right: 0; + } + } + } + } + .course-curriculam { + .course-lesson { + ul { + li { + .text { + i { + margin-right: inherit; + margin-left: 8px; + } + } + } + } + } + } + + .course-instructor { + .thumbnail { + margin-right: inherit; + margin-left: 30px; + } + } + .course-details-content { + .entry-content { + .course-meta { + li { + &::after { + right: inherit; + left: -20px; + } + + i { + padding-right: inherit; + padding-left: 14px; + } + } + .course-rating { + .rating { + margin-right: inherit; + margin-left: 8px; + } + } + } + } + .course-enroll-box { + .single-item { + &::after { + right: inherit; + left: 0; + @media #{$sm-layout} { + height: 1px; + width: 100%; + bottom: 0; + top: auto; + left: 50%; + transform: translateX(-50%); + } + } + } + } + } + .course-details-3 { + .course-curriculam { + .edu-accordion { + .accordion-item { + .accordion-button { + text-align: right; + padding: 30px 60px 30px 71px; + + &::after { + right: inherit; + left: 47px; + } + &::before { + left: inherit; + right: 30px; + } + .expand { + right: inherit; + left: 30px; + } + } + } + .course-lesson { + .reading-status { + padding: 22px 30px 20px 30px; + .title { + i { + margin-right: inherit; + margin-left: 15px; + } + } + .complete-text { + span { + &::after { + right: inherit; + left: -12px; + } + &:last-child { + margin-right: 20px; + } + } + } + } + ul { + li { + padding: 14px 100px 14px 40px; + + &::before { + left: inherit; + right: 70px; + } + } + } + } + } + } + } + .course-review { + .comment-form-area { + .rating-icon { + .title { + margin-right: inherit; + margin-left: 22px; + } + } + } + .border-box { + .rating-box { + margin: 30px 30px; + } + } + } + + //Faq + + .faq-accordion { + .accordion-item { + .accordion-button { + &::before { + right: inherit; + left: 30px; + } + } + } + } + .edu-faq-area { + &.faq-style-1 { + .edu-faq-content { + .shape-group { + li { + &.shape-1 { + right: inherit; + left: -145px; + } + &.shape-2 { + right: inherit; + left: -165px; + } + } + } + } + .edu-faq-gallery { + .thumbnail-1, + .thumbnail-3 { + text-align: left; + } + .thumbnail-1 { + img { + border-radius: 120px 120px 120px 0; + } + } + .thumbnail-4 { + img { + border-radius: 50px 0 120px 120px; + } + } + .shape-group { + li { + &.shape-1 { + left: inherit; + right: 44%; + } + &.shape-2 { + left: -10px; + right: inherit; + } + &.shape-3 { + left: inherit; + right: -7px; + } + &.shape-4 { + left: inherit; + right: -45px; + } + } + } + } + } + &.faq-style-2 { + .edu-faq-gallery { + .shape-group { + .shape-1 { + left: inherit; + right: -35px; + } + .shape-2 { + left: inherit; + right: 210px; + } + .shape-3 { + right: inherit; + left: -22px; + } + .shape-4 { + right: inherit; + left: -58px; + } + .shape-5 { + left: inherit; + right: -50px; + } + .shape-6 { + left: inherit; + right: 90px; + } + } + } + } + &.faq-style-3 { + .edu-faq-gallery { + text-align: left; + + .shape-group { + .shape-1 { + right: inherit; + left: -50px; + } + .shape-2 { + right: inherit; + left: -97px; + } + .shape-3 { + left: inherit; + right: -68px; + } + } + } + } + &.faq-style-4 { + .faq-thumbnail { + .shape-group { + li { + &.shape-1 { + right: inherit; + left: 20px; + } + &.shape-2 { + right: inherit; + left: -55px; + top: -44px; + } + &.shape-3 { + left: inherit; + right: -5px; + } + } + } + } + } + } + .faq-style-5 .edu-faq-gallery .shape-group li.shape-1 { + left: inherit; + right: 3px; + } + .faq-style-5 .edu-faq-gallery .shape-group li.shape-2 { + right: inherit; + left: 147px; + } + .faq-style-5 .edu-faq-gallery .shape-group li.shape-3 { + left: inherit; + right: -122%; + bottom: -10px; + } + .faq-style-5 .edu-faq-content .shape-group li.shape-1 { + right: inherit; + left: -145px; + } + .faq-style-5 .edu-faq-content .shape-group li.shape-2 { + right: inherit; + left: -165px; + } + .faq-page-nav { + padding-right: inherit; + padding-left: 60px; + @media #{$large-mobile} { + padding-left: 0; + } + .nav-tabs { + .nav-link { + padding-right: 30px; + &::after { + top: 4px; + right: 0; + left: inherit; + transform: rotateY(180deg); + } + } + } + } + + //section + .section-title { + &.section-left { + text-align: right; + } + } + + //testimonial + .testimonial-grid { + &::after { + right: inherit; + left: -12px; + transform: rotateY(180deg); + } + .thumbnail { + .qoute-icon { + right: inherit; + left: -12px; + transform: rotateY(180deg); + } + } + } + .testimonial-heading-area { + padding-right: 0; + padding-left: 50px; + } + .testimonial-slide { + .author-info { + .thumb { + margin-right: inherit; + margin-left: 20px; + } + } + } + .testimonial-area-2 { + .shape-group { + .shape-1 { + right: inherit; + left: -75px; + } + .shape-2 { + right: inherit; + left: -106px; + } + .shape-3 { + bottom: inherit; + top: 300px; + } + } + } + .testimonial-area-3 .shape-group li.shape-5 { + bottom: inherit; + top: 144px; + } + .testimonial-area-4 { + .swiper-navigation { + text-align: right; + + .swiper-btn-prv, + .swiper-btn-nxt { + transform: rotateY(180deg); + } + } + .shape-group { + li { + &.shape-1 { + left: inherit; + right: 42%; + } + &.shape-2 { + right: inherit; + left: 12%; + } + } + } + } + .testimonial-area-6 { + .shape-group { + li { + &.shape-1 { + left: inherit; + right: -100px; + } + &.shape-2 { + right: inherit; + left: -94px; + } + &.shape-3 { + right: inherit; + left: -250px; + } + } + } + .swiper-pagination { + text-align: left; + } + } + .testimonial-area-8 { + .testimonial-slide { + .author-info { + .thumb { + margin-left: 0; + } + } + } + } + + + //team + .edu-team-grid { + &.team-style-1 { + .team-share-info { + right: inherit; + left: 20px; + } + } + &.team-style-3 { + .content { + left: inherit; + right: 30px; + text-align: right; + } + } + &.team-style-4 { + .content { + text-align: right; + margin-left: inherit; + margin-right: 30px; + } + } + } + .team-area-3 { + .shape-group { + li { + &.shape-1 { + left: inherit; + right: 135px; + } + } + } + } + .team-details-content { + .main-info { + .team-meta { + li { + margin-right: inherit; + margin-left: 40px; + + &::after { + right: inherit; + left: -22px; + } + + i { + margin-right: inherit; + margin-left: 7px; + } + } + } + } + .contact-info { + ul { + li { + span { + min-width: 70px; + } + } + } + } + } + + + //footer + .edu-footer { + .edu-footer-widget { + &.explore-widget { + margin-left: 0; + margin-right: 65px; + @media #{$md-layout-1} { + margin-right: 0; + } + } + .input-group { + button { + margin-left: inherit !important; + margin-right: 10px !important; + @media #{$sm-layout} { + margin-right: 0 !important; + } + } + } + } + } + .edu-btn { + .icon-west { + font-size: 18px; + font-weight: bold; + top: 2px; + right: 4px; + } + } + .btn-icon-round { + font-size: 18px; + font-weight: bold; + } + + // Why Choose Us + .why-choose-area-1 { + .features-list { + .features-box { + .content { + text-align: right; + } + .icon { + margin-right: inherit; + margin-left: 30px; + } + } + } + .why-choose-gallery { + .thumbnail { + &.thumbnail-1 { + text-align: left; + } + } + .shape-group { + li { + &.shape-1 { + left: inherit; + right: 30px; + } + &.shape-2 { + left: 45px; + right: inherit; + } + } + } + } + + } + .why-choose-area-3 { + .section-title-flex { + .left-content { + margin-right: inherit; + margin-left: 90px; + + &::after { + right: inherit; + left: -20px; + } + } + } + .shape-group { + li { + &.shape-1 { + left: inherit; + right: 75px; + } + &.shape-2 { + left: inherit; + right: 120px; + } + &.shape-3 { + right: inherit; + left: -60px; + } + } + } + } + //NwewsLatter + + .newsletter-form { + .input-group { + .btn-curved { + margin-left: inherit; + margin-right: 20px !important; + } + } + } + + // pricing + + .pricing-table { + .pricing-body { + .list-item { + li { + i { + margin-right: inherit; + margin-left: 10px; + } + } + } + } + } + + //privacy + .privacy-policy { + @media #{$sm-layout} { + padding-right: 0; + } + ul { + li { + padding-left: inherit; + padding-right: 30px; + + &::after { + left: inherit; + right: 0; + } + } + } + } + + // Log in form + + .login-form-box { + .form-group { + .password-show { + right: inherit; + left: 18px; + } + } + } + + //shop + .edu-sorting-area { + .sorting-right { + .edu-sorting { + .icon { + left: inherit; + right: 22px; + } + .edu-select { + padding-left: inherit; + padding-right: 50px; + } + } + .layout-switcher { + margin-right: inherit; + margin-left: 30px; + label { + margin-right: inherit; + margin-left: 10px; + } + } + } + } + select { + background: url(../../images/icons/arrow-icon.png) 10% center no-repeat; + background-color: var(--color-lighten01); + } + + //Products + .product-details-area { + .content { + .product-action { + .add-to-cart-btn { + a { + margin-right: inherit; + margin-left: 10px; + } + } + } + } + } + .product-description-content { + .comment-form { + .review-rating { + .title { + margin-right: inherit; + margin-left: 15px; + } + } + } + } + .comment-list-wrapper { + .comment { + .thumbnail { + margin-right: inherit; + margin-left: 30px; + } + } + } + // contact me + .contact-me { + .thumbnail { + margin-right: inherit; + margin-left: 130px; + @media #{$md-layout} { + margin-left: 50px; + } + @media #{$sm-layout} { + margin-left: 0; + } + } + } + + //Billing + .checkout-billing { + .form-group { + select { + background: url(../../images/icons/arrow-icon.png) 11% center no-repeat transparent; + } + } + } + // Back to Top + .rn-progress-parent { + right: inherit; + left: 30px; + } + .isotop-button { + &.button-transparent { + button { + &::after { + bottom: -3px; + } + } + } + } + + input[type="checkbox"] ~ label, + input[type="radio"] ~ label { + padding-left: inherit; + padding-right: 40px; + + &::before { + left: inherit; + right: 0; + } + &::after { + left: inherit; + right: 3px; + } + } + .input-group { + .form-control { + text-align: right; + } + } + .form-group { + input, + textarea { + text-align: right; + } + } + + .preloader-close-btn-wraper { + right: inherit; + left: 0; + } + + //Swiper Slider + .swiper-testimonial-slider-wrapper { + .swiper-slide { + &.swiper-slide-visible { + &.swiper-slide-prev { + .testimonial-grid { + margin-right: 36px; + margin-left: 0px; + box-shadow: -40px 0px 50px 0px rgba(26, 46, 85, .1); + } + } + &.swiper-slide-next { + .testimonial-grid { + margin-left: 36px; + margin-right: 40px; + box-shadow: 70px 0px 50px 0px rgba(26, 46, 85, .1); + } + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/default/_sal.scss b/public/assets/scss/default/_sal.scss new file mode 100644 index 0000000..98f27a6 --- /dev/null +++ b/public/assets/scss/default/_sal.scss @@ -0,0 +1,177 @@ +/*------------------------- + Sal Styels +-------------------------*/ + +/** + * Settings + */ + +$sal-animation-duration: 0.2s !default; +$sal-animation-delay: 0s !default; +$sal-slide-offset: 20% !default; +$sal-zoom-in-scale: 0.5 !default; +$sal-zoom-out-scale: 1.1 !default; +$sal-flip-rotate: 91deg !default; + +/** + * Easings + */ + +$sal-easings: (linear: linear, + ease: ease, + ease-in: ease-in, + ease-out: ease-out, + ease-in-out: ease-in-out, + + ease-in-cubic: cubic-bezier(.55, .055, .675, .19), + ease-out-cubic: cubic-bezier(.215, .61, .355, 1), + ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1), + + ease-in-circ: cubic-bezier(.6, .04, .98, .335), + ease-out-circ: cubic-bezier(.075, .82, .165, 1), + ease-in-out-circ: cubic-bezier(.785, .135, .15, .86), + + ease-in-expo: cubic-bezier(.95, .05, .795, .035), + ease-out-expo: cubic-bezier(.19, 1, .22, 1), + ease-in-out-expo: cubic-bezier(1, 0, 0, 1), + + ease-in-quad: cubic-bezier(.55, .085, .68, .53), + ease-out-quad: cubic-bezier(.25, .46, .45, .94), + ease-in-out-quad: cubic-bezier(.455, .03, .515, .955), + + ease-in-quart: cubic-bezier(.895, .03, .685, .22), + ease-out-quart: cubic-bezier(.165, .84, .44, 1), + ease-in-out-quart: cubic-bezier(.77, 0, .175, 1), + + ease-in-quint: cubic-bezier(.755, .05, .855, .06), + ease-out-quint: cubic-bezier(.23, 1, .32, 1), + ease-in-out-quint: cubic-bezier(.86, 0, .07, 1), + + ease-in-sine: cubic-bezier(.47, 0, .745, .715), + ease-out-sine: cubic-bezier(.39, .575, .565, 1), + ease-in-out-sine: cubic-bezier(.445, .05, .55, .95), + + ease-in-back: cubic-bezier(.6, -.28, .735, .045), + ease-out-back: cubic-bezier(.175, .885, .32, 1.275), + ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55)); + +/** + * Core + */ + +[data-sal] { + transition-duration: $sal-animation-duration; + transition-delay: $sal-animation-delay; + transition-duration: var(--sal-duration, $sal-animation-duration); + transition-delay: var(--sal-delay, $sal-animation-delay); + transition-timing-function: var(--sal-easing, map-get($sal-easings, 'ease')); +} + +@for $i from 4 through 40 { + [data-sal][data-sal-duration='#{$i * 50}'] { + transition-duration: #{$i * 0.05}s; + } +} + +@for $i from 1 through 20 { + [data-sal][data-sal-delay='#{$i * 50}'] { + transition-delay: #{$i * 0.05}s; + } +} + +@each $key, +$value in $sal-easings { + [data-sal][data-sal-easing='#{$key}'] { + transition-timing-function: $value; + } +} + +/** + * Animations + */ + +// Fade +[data-sal|='fade'] { + opacity: 0; + transition-property: opacity; +} + +[data-sal|='fade'].sal-animate, +body.sal-disabled [data-sal|='fade'] { + opacity: 1; +} + +// Slide +[data-sal|='slide'] { + opacity: 0; + transition-property: opacity, transform; +} + +[data-sal='slide-up'] { + transform: translateY($sal-slide-offset); +} + +[data-sal='slide-down'] { + transform: translateY(-$sal-slide-offset); +} + +[data-sal='slide-left'] { + transform: translateX($sal-slide-offset); +} + +[data-sal='slide-right'] { + transform: translateX(-$sal-slide-offset); +} + +[data-sal|='slide'].sal-animate, +body.sal-disabled [data-sal|='slide'] { + opacity: 1; + transform: none; +} + +// Zoom +[data-sal|='zoom'] { + opacity: 0; + transition-property: opacity, transform; +} + +[data-sal='zoom-in'] { + transform: scale($sal-zoom-in-scale); +} + +[data-sal='zoom-out'] { + transform: scale($sal-zoom-out-scale); +} + +[data-sal|='zoom'].sal-animate, +body.sal-disabled [data-sal|='zoom'] { + opacity: 1; + transform: none; +} + +// Flip +[data-sal|='flip'] { + backface-visibility: hidden; + transition-property: transform; +} + +[data-sal='flip-left'] { + transform: perspective(2000px) rotateY(-$sal-flip-rotate); +} + +[data-sal='flip-right'] { + transform: perspective(2000px) rotateY($sal-flip-rotate); +} + +[data-sal='flip-up'] { + transform: perspective(2000px) rotateX(-$sal-flip-rotate); +} + +[data-sal='flip-down'] { + transform: perspective(2000px) rotateX($sal-flip-rotate); +} + +[data-sal|='flip'].sal-animate, +body.sal-disabled [data-sal|='flip'] { + transform: none; +} \ No newline at end of file diff --git a/public/assets/scss/default/_shortcode.scss b/public/assets/scss/default/_shortcode.scss new file mode 100644 index 0000000..df3662f --- /dev/null +++ b/public/assets/scss/default/_shortcode.scss @@ -0,0 +1,693 @@ +/*============================== + * Shortcode +=================================*/ + +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Spartan:wght@400;500;600;700;800&display=swap'); + +/*--------------------------------------*/ +.container-custom, +.container-custom-1520 { + width: 100%; + margin-left: auto; + margin-right: auto; + padding-right: 15px; + padding-left: 15px; +} + +.container-custom { + max-width: 1710px; +} + +.container-custom-1520 { + max-width: 1520px; +} + +.container, +.container-fluid, +.container-lg, +.container-md, +.container-sm, +.container-xl, +.container-xxl, +.container-custom, +.container-custom-1520 { + @media #{$sm-layout} { + padding-right: 15px; + padding-left: 15px; + } +} + +@media only screen and (min-width: 1200px) { + .container { + max-width: 1185px; + } +} + +/*=========================== + Background Image +=============================*/ + +%liststyle { + padding: 0; + margin: 0; + list-style: none; +} + +%transition { + transition: var(--transition); +} + +%bgImagePosition { + background-repeat: no-repeat; + background-size: cover; + background-position: center center; +} + +.bgImagePosition { + @extend %bgImagePosition; +} + +.bg-image { + @extend %bgImagePosition; +} + +.bg-image_fixed { + background-attachment: fixed !important; +} + +.bg-image--1 { + background-image: url(../../images/bg/bg-image-1.png); +} + +.bg-image--2 { + background-image: url(../../images/bg/bg-image-2.jpg); +} + +.bg-image--9 { + background-image: url(../../images/bg/bg-image-9.png); +} + +.bg-image--14 { + background-image: url(../../images/bg/bg-image-14.jpg); +} + + +.bg-image--17 { + background-image: url(../../images/bg/bg-image-17.webp); +} + +.bg-image--19 { + background-image: url(../../images/bg/hacking-01.jpg); +} + +.bg-image--21 { + background-image: url(../../images/bg/bg-image-21.webp); +} + +/*=================== +Custom Row +======================*/ +.row--0 { + margin-left: -0px; + margin-right: -0px; + + &>[class*="col"] { + padding-left: 0px; + padding-right: 0px; + } +} + +.row--5 { + margin-left: -5px; + margin-right: -5px; + + &>[class*="col"] { + padding-left: 5px; + padding-right: 5px; + } +} + +.row--10 { + margin-left: -10px; + margin-right: -10px; + + &>[class*="col"] { + padding-left: 10px; + padding-right: 10px; + } +} + +.row--15 { + margin-left: -15px; + margin-right: -15px; + + &>[class*="col"] { + padding-left: 15px; + padding-right: 15px; + } +} + +.row--20 { + margin-left: -20px; + margin-right: -20px; + + // Responsive + @media #{$laptop-device} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$lg-layout} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$md-layout} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$sm-layout} { + margin-left: -15px !important; + margin-right: -15px !important; + } + + &>[class*="col"], + &>[class*="col-"] { + padding-left: 20px; + padding-right: 20px; + + // Responsive + @media #{$laptop-device} { + padding-left: 15px; + padding-right: 15px; + } + + @media #{$lg-layout} { + padding-left: 15px; + padding-right: 15px; + } + + @media #{$md-layout} { + padding-left: 15px !important; + padding-right: 15px !important; + } + + @media #{$sm-layout} { + padding-left: 15px !important; + padding-right: 15px !important; + } + } +} + +.row--25 { + margin-left: -25px; + margin-right: -25px; + + // Responsive + @media #{$laptop-device} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$lg-layout} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$md-layout} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$sm-layout} { + margin-left: -15px !important; + margin-right: -15px !important; + } + + &>[class*="col"], + &>[class*="col-"] { + padding-left: 25px; + padding-right: 25px; + + // Responsive + @media #{$laptop-device} { + padding-left: 15px; + padding-right: 15px; + } + + @media #{$lg-layout} { + padding-left: 15px; + padding-right: 15px; + } + + @media #{$md-layout} { + padding-left: 15px !important; + padding-right: 15px !important; + } + + @media #{$sm-layout} { + padding-left: 15px !important; + padding-right: 15px !important; + } + } +} + + +.row--30 { + margin-left: -30px; + margin-right: -30px; + + // Responsive + @media #{$laptop-device} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$lg-layout} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$md-layout} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$sm-layout} { + margin-left: -15px !important; + margin-right: -15px !important; + } + + &>[class*="col"], + &>[class*="col-"] { + padding-left: 30px; + padding-right: 30px; + + // Responsive + @media #{$laptop-device} { + padding-left: 15px; + padding-right: 15px; + } + + @media #{$lg-layout} { + padding-left: 15px; + padding-right: 15px; + } + + @media #{$md-layout} { + padding-left: 15px !important; + padding-right: 15px !important; + } + + @media #{$sm-layout} { + padding-left: 15px !important; + padding-right: 15px !important; + } + } +} + + +.row--35 { + margin-left: -35px; + margin-right: -35px; + + // Responsive + @media #{$laptop-device} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$lg-layout} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$md-layout} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$sm-layout} { + margin-left: -15px !important; + margin-right: -15px !important; + } + + &>[class*="col"], + &>[class*="col-"] { + padding-left: 35px; + padding-right: 35px; + + // Responsive + @media #{$laptop-device} { + padding-left: 15px; + padding-right: 15px; + } + + @media #{$lg-layout} { + padding-left: 15px; + padding-right: 15px; + } + + @media #{$md-layout} { + padding-left: 15px !important; + padding-right: 15px !important; + } + + @media #{$sm-layout} { + padding-left: 15px !important; + padding-right: 15px !important; + } + } +} + +.row--40 { + margin-left: -40px; + margin-right: -40px; + + // Responsive + @media #{$laptop-device} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$lg-layout} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$md-layout} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$sm-layout} { + margin-left: -15px !important; + margin-right: -15px !important; + } + + &>[class*="col"], + &>[class*="col-"] { + padding-left: 40px; + padding-right: 40px; + + // Responsive + @media #{$laptop-device} { + padding-left: 15px; + padding-right: 15px; + } + + @media #{$lg-layout} { + padding-left: 15px; + padding-right: 15px; + } + + @media #{$md-layout} { + padding-left: 15px !important; + padding-right: 15px !important; + } + + @media #{$sm-layout} { + padding-left: 15px !important; + padding-right: 15px !important; + } + } +} + + +.row--45 { + margin-left: -45px; + margin-right: -45px; + + // Responsive + @media #{$laptop-device} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$lg-layout} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$md-layout} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$sm-layout} { + margin-left: -15px !important; + margin-right: -15px !important; + } + + &>[class*="col"], + &>[class*="col-"] { + padding-left: 45px; + padding-right: 45px; + + // Responsive + @media #{$laptop-device} { + padding-left: 15px; + padding-right: 15px; + } + + @media #{$lg-layout} { + padding-left: 15px; + padding-right: 15px; + } + + @media #{$md-layout} { + padding-left: 15px !important; + padding-right: 15px !important; + } + + @media #{$sm-layout} { + padding-left: 15px !important; + padding-right: 15px !important; + } + } +} + + +.row--50 { + margin-left: -50px; + margin-right: -50px; + + // Responsive + @media #{$laptop-device} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$lg-layout} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$md-layout} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$sm-layout} { + margin-left: -15px !important; + margin-right: -15px !important; + } + + &>[class*="col"], + &>[class*="col-"] { + padding-left: 50px; + padding-right: 50px; + + // Responsive + @media #{$laptop-device} { + padding-left: 15px; + padding-right: 15px; + } + + @media #{$lg-layout} { + padding-left: 15px; + padding-right: 15px; + } + + @media #{$md-layout} { + padding-left: 15px !important; + padding-right: 15px !important; + } + + @media #{$sm-layout} { + padding-left: 15px !important; + padding-right: 15px !important; + } + } +} + +.row--60 { + margin-left: -60px; + margin-right: -60px; + + // Responsive + @media #{$laptop-device} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$lg-layout} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$md-layout} { + margin-left: -15px; + margin-right: -15px; + } + + @media #{$sm-layout} { + margin-left: -15px !important; + margin-right: -15px !important; + } + + &>[class*="col"], + &>[class*="col-"] { + padding-left: 60px; + padding-right: 60px; + + // Responsive + @media #{$laptop-device} { + padding-left: 15px; + padding-right: 15px; + } + + @media #{$lg-layout} { + padding-left: 15px; + padding-right: 15px; + } + + @media #{$md-layout} { + padding-left: 15px !important; + padding-right: 15px !important; + } + + @media #{$sm-layout} { + padding-left: 15px !important; + padding-right: 15px !important; + } + } +} + + +// preloader +#edublink-preloader { + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 99999999999999; + overflow: hidden; + background-image: linear-gradient(20deg, #31b978 0%, #1ab69d 100%); + transition: all 1.5s ease-out; +} + +#edublink-preloader.loaded .preloader-close-btn-wraper { + bottom: 200%; +} + +.preloader-close-btn-wraper { + position: fixed; + bottom: 0; + right: 0; + padding: 30px; + transition: all 1.5s ease-out; +} + +.preloader-close-btn-wraper .preloader-close-btn { + border-radius: 50px; + font-size: 13px; + padding: 4px 23px; + background: var(--color-black); + color: var(--color-white); + cursor: pointer; + height: 45px; + line-height: 35px; + border: 0; + text-transform: uppercase; + font-weight: 600; +} + +.loading-spinner { + width: 40px; + height: 40px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.preloader-spin-1 { + width: 100%; + height: 100%; + border-radius: 50%; + background-color: #FFFFFF; + opacity: 0.6; + position: absolute; + top: 0; + left: 0; + animation: edublink-preloader-bounce-animation 2.0s infinite ease-in-out; +} + +.preloader-spin-2 { + width: 100%; + height: 100%; + border-radius: 50%; + background-color: #FFFFFF; + opacity: 0.6; + position: absolute; + top: 0; + left: 0; + animation: edublink-preloader-bounce-animation 2.0s infinite ease-in-out; + animation-delay: -1.0s; +} + +@-webkit-keyframes edublink-preloader-bounce-animation { + 0%, + 100% { + transform: scale(0); + } + 50% { + transform: scale(1); + } +} + +@keyframes edublink-preloader-bounce-animation { + 0%, + 100% { + transform: scale(0); + } + 50% { + transform: scale(1); + } +} + +.shape-dark { + visibility: hidden; +} +.shape-light { + visibility: visible; +} + +[data-theme='dark'] { + .shape-light { + visibility: hidden; + } +} + +[data-theme='dark'] { + .shape-dark { + visibility: visible; + } +} + +.d-none-shape-dark { + display: none; +} \ No newline at end of file diff --git a/public/assets/scss/default/_spacing.scss b/public/assets/scss/default/_spacing.scss new file mode 100644 index 0000000..9c0cb14 --- /dev/null +++ b/public/assets/scss/default/_spacing.scss @@ -0,0 +1,215 @@ +/*------------------------- + Spacing +-------------------------*/ +.edu-section-gap { + padding: 115px 0 120px; + @media #{$md-layout} { + padding: 95px 0 100px; + } + @media #{$sm-layout} { + padding: 75px 0 80px; + } +} + +.gap-tb-text { + padding: 115px 0 112px; + @media #{$md-layout} { + padding: 95px 0 92px; + } + @media #{$sm-layout} { + padding: 75px 0 72px; + } +} + +.section-gap-equal { + padding: 120px 0; + @media #{$md-layout} { + padding: 100px 0; + } + @media #{$sm-layout} { + padding: 80px 0; + } +} + +.gap-top-text { + padding-top: 115px; + @media #{$md-layout} { + padding-top: 95px; + } + @media #{$sm-layout} { + padding-top: 75px; + } +} + +.gap-bottom-text { + padding-bottom: 112px; + @media #{$md-layout} { + padding-bottom: 92px; + } + @media #{$sm-layout} { + padding-bottom: 72px; + } +} + +.gap-top-equal { + padding-top: 120px; + @media #{$md-layout} { + padding-top: 100px; + } + @media #{$sm-layout} { + padding-top: 80px; + } +} + +.gap-bottom-equal { + padding-bottom: 120px; + @media #{$md-layout} { + padding-bottom: 100px; + } + @media #{$sm-layout} { + padding-bottom: 80px; + } +} + +//Large Section Specing + +.section-gap-large { + padding: 145px 0 150px; + @media #{$lg-layout} { + padding: 115px 0 120px; + } + @media #{$md-layout} { + padding: 95px 0 100px; + } + @media #{$sm-layout} { + padding: 75px 0 80px; + } +} + +.gap-large-text { + padding: 145px 0 142px; + @media #{$lg-layout} { + padding: 115px 0 112px; + } + @media #{$md-layout} { + padding: 95px 0 92px; + } + @media #{$sm-layout} { + padding: 75px 0 72px; + } +} + +.gap-large-equal { + padding: 150px 0; + @media #{$lg-layout} { + padding: 120px 0; + } + @media #{$md-layout} { + padding: 100px 0; + } + @media #{$sm-layout} { + padding: 80px 0; + } +} + +.gap-lg-top-text { + padding-top: 145px; + @media #{$lg-layout} { + padding-top: 115px; + } + @media #{$md-layout} { + padding-top: 95px; + } + @media #{$sm-layout} { + padding-top: 75px; + } +} +.gap-lg-bottom-text { + padding-bottom: 142px; + @media #{$lg-layout} { + padding-bottom: 112px; + } + @media #{$md-layout} { + padding-bottom: 92px; + } + @media #{$sm-layout} { + padding-bottom: 72px; + } +} + +.gap-lg-bottom-equal { + padding-bottom: 150px; + @media #{$lg-layout} { + padding-bottom: 120px; + } + @media #{$md-layout} { + padding-bottom: 100px; + } + @media #{$sm-layout} { + padding-bottom: 80px; + } +} + +.gap-lg-top-equal { + padding-top: 150px; + @media #{$lg-layout} { + padding-top: 120px; + } + @media #{$md-layout} { + padding-top: 100px; + } + @media #{$sm-layout} { + padding-top: 80px; + } +} + +.brand-section-gap { + padding: 85px 0; +} + + +// Margin +.mb--10 { + margin-bottom: 10px; +} + +.mb--20 { + margin-bottom: 20px; +} + +.mb--30 { + margin-bottom: 30px; +} + +.mb--40 { + margin-bottom: 40px; +} + +.mb--50 { + margin-bottom: 50px !important; +} + +.mb--60 { + margin-bottom: 60px !important; +} + +.mb--90 { + margin-bottom: 90px !important; +} +.mt--50 { + margin-top: 50px; +} + +@media only screen and (min-width: 1200px) { + .col-pl--35 { + padding-left: 35px; + } + .col-pr--35 { + padding-right: 35px; + } +} + +// Padding +.pt--50 { + padding-top: 50px; +} \ No newline at end of file diff --git a/public/assets/scss/default/_typography.scss b/public/assets/scss/default/_typography.scss new file mode 100644 index 0000000..df3788a --- /dev/null +++ b/public/assets/scss/default/_typography.scss @@ -0,0 +1,356 @@ +/*------------------------- + Typography +-------------------------*/ +html { + overflow: hidden; + overflow-y: auto; + margin: 0; + padding: 0; + font-size: 10px; +} + +body { + overflow: hidden; + font-size: var(--font-size-b1);; + line-height: var(--line-height-b1); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-family: var(--font-primary); + color: var(--color-body); + font-weight: 400; + background-color: var(--color-bg-body); + margin: 0; + padding: 0; + &.modal-open { + padding: 0 !important; + } +} + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6, +address, +p, +pre, +blockquote, +menu, +ol, +ul, +table, +hr { + margin: 0; + margin-bottom: 20px; +} + + +.display-one { + font-size: 112px; +} + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + word-break: break-word; + font-family: var(--font-secondary); + color: var(--color-heading); +} + +h1, +.h1 { + font-size: var(--h1); + line-height: var(--h1-lineHeight); +} + +h2, +.h2 { + font-size: var(--h2); + line-height: var(--h2-lineHeight); +} + +h3, +.h3 { + font-size: var(--h3); + line-height: var(--h3-lineHeight); +} + +h4, +.h4 { + font-size: var(--h4); + line-height: var(--h4-lineHeight); +} + +h5, +.h5 { + font-size: var(--h5); + line-height: var(--h5-lineHeight); +} + +h6, +.h6 { + font-size: var(--h6); + line-height: var(--h6-lineHeight); +} + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + a { + color: inherit; + transition: 0.5s; + } +} +a { + color: var(--color-heading); + transition: 0.3s; +} +@media #{$smlg-device} { + h1, + .h1 { + font-size: 44px; + } +} +@media #{$md-layout} { + h1, + .h1 { + font-size: 38px; + } + h2, + .h2 { + font-size: 30px; + } + + h3, + .h3 { + font-size: 24px; + } + + h4, + .h4 { + font-size: 18px; + } + +} + + +@media #{$sm-layout} { + h1, + .h1 { + font-size: 34px; + } + + h2, + .h2 { + font-size: 26px; + } + + h3, + .h3 { + font-size: 22px; + } + h4, + .h4 { + font-size: 18px; + } +} + + +h1, +.h1, +h2, +.h2, +h3, +.h3 { + font-weight: var(--p-bold); +} + +h4, +.h4, +h5, +.h5, +h6, +.h6 { + font-weight: var(--p-semi-bold); +} + +p { + font-size: var(--font-size-b1);; + line-height: var(--line-height-b1); + font-weight: 400; + color: var(--color-body); + margin: 0 0 30px; + + @media #{$sm-layout} { + margin: 0 0 20px; + } + + &.b1 { + font-size: var(--font-size-b1); + line-height: var(--line-height-b1); + } + + &.b2 { + font-size: var(--font-size-b2); + line-height: var(--line-height-b2); + } + +} + +.b1 { + font-size: var(--font-size-b1); + line-height: var(--line-height-b1); +} + +.b2 { + font-size: var(--font-size-b2); + line-height: var(--line-height-b2); +} + +.table, +table { + border-collapse: collapse; + border-spacing: 0; + margin: 0 0 30px; + width: 100%; +} + +table a, +table a:link, +table a:visited { + text-decoration: none; +} + +cite, +.wp-block-pullquote cite, +.wp-block-pullquote.is-style-solid-color blockquote cite, +.wp-block-quote cite { + color: var(--color-heading); +} + +var { + font-family: "Courier 10 Pitch", Courier, monospace; +} + +/*--------------------------- + List Style +---------------------------*/ +ul, +ol { + padding-left: 18px; +} + +ul { + list-style: square; + margin-bottom: 30px; + padding-left: 20px; + + &.liststyle { + &.bullet { + li { + font-size: var(--font-size-b1); + line-height: var(--line-height-b1); + color: var(--color-body); + position: relative; + padding-left: 30px; + + @media #{$sm-layout} { + padding-left: 19px; + } + + &::before { + position: absolute; + content: ""; + width: 6px; + height: 6px; + border-radius: 100%; + background: var(--color-body); + left: 0; + top: 10px; + } + + &+li { + margin-top: 8px; + } + } + } + } + + li { + font-size: var(--font-size-b1);; + line-height: var(--line-height-b1); + margin-top: 10px; + margin-bottom: 10px; + color: var(--color-body); + a { + text-decoration: none; + color: var(--color-body); + transition: var(--transition); + &:hover { + color: var(--color-primary); + } + } + } + ul { + margin-bottom: 0; + } +} + +ol { + margin-bottom: 30px; + li { + font-size: var(--font-size-b1);; + line-height: var(--line-height-b1); + color: var(--color-body); + margin-top: 10px; + margin-bottom: 10px; + font-weight: 400; + a { + color: var(--heading-color); + transition: var(--transition); + text-decoration: none; + &:hover { + color: var(--color-primary); + } + } + } + ul { + padding-left: 30px; + } +} + +hr { + display: block; + height: 0; + margin: 15px 0; + border-top: 1px solid var(--color-border); + background: transparent; +} +kbd { + background: var(--color-primary); +} diff --git a/public/assets/scss/default/_variable.scss b/public/assets/scss/default/_variable.scss new file mode 100644 index 0000000..0ecbfb1 --- /dev/null +++ b/public/assets/scss/default/_variable.scss @@ -0,0 +1,151 @@ +/*------------------------- + Variables +-------------------------*/ +:root { + //Themes colors + --color-primary: #1ab69d; + --color-secondary: #ee4a62; + --color-textSecondary: #ff5b5c; + --color-tertiary: #f8b81f; + --color-dark: #111212; + --color-heading: #181818; + --dark-color-heading: #ffffff; + --color-border: #e5e5e5; + --dark-color-border: #282f3a; + --color-body: #808080; + --gradient-primary: linear-gradient(-90deg, #31b978 0%, #1ab69d 100%); + --bg-color: #EAF0F2; + --dark-bg-color: #020b17; + --cta-color-bg:#F0F4F5; + --color-bg-body:#ffffff; + --dark-color-bg-body:#111822; + --bg-color-2: #1c242f; + // Typo Color + --color-white: #ffffff; + --color-black: #000000; + --footer-text: #181818; + --dark-footer-text: #808080; + --edu-btn-color: #ffffff; + --color-title: #bababa; + + // Lighten Color + + --color-lighten01: #f0f4f5; + --color-lighten02: #edf5f8; + --color-lighten03: #f5f1eb; + --color-lighten04: #f7f5f2; + + // Extra Color + --color-extra01: #0ecd73; + --color-extra02: #8e56ff; + --color-extra03: #f92596; + --color-extra04: #5866eb; + --color-extra05: #f8941f; + --color-extra06: #39c0fa; + --color-extra07: #da04f8; + --color-extra08: #4664e4; + --color-extra09: #525151; + --color-extra10: #404040; + --color-extra11: #22272e; + + // Notify Colors + --color-success: #3EB75E; + --color-danger: #FF0003; + --color-warning: #FF8F3C; + --color-info: #1BA2DB; + --color-placeholder: #808080; + + //Social icon colors + --color-facebook: #1877f2; + --color-twitter: #1da1f2; + --color-youtube: #cd201f; + --color-linkedin: #0a66c2; + --color-pinterest: #E60022; + --color-instagram: #C231A1; + --color-vimeo: #00ADEF; + --color-twitch: #6441A3; + --color-discord: #7289da; + + //Border-radius + --border-width: 2px; + --radius-small: 4px; + --radius: 10px; + --radius-big: 16px; + + + //Font weight + --p-light: 300; + --p-regular: 400; + --p-medium: 500; + --p-semi-bold: 600; + --p-bold: 700; + --p-extra-bold: 800; + + + //Shadows + --shadow-darker: 0px 10px 50px 0px rgba(26,46,85,0.1); + --shadow-darker2: 0px 20px 50px 0px rgba(26,46,85,0.1); + --shadow-dark: 0px 10px 30px 0px rgba(20,36,66,0.15); + --shadow-darkest: 0px 10px 30px 0px rgba(0,0,0,0.05); + --shadow-darker3:0px 4px 50px 0px rgba(0, 0, 0, 0.1); + --shadow-darker4: 0px 20px 70px 0px rgba(15, 107, 92, 0.2); + + //transition easing + --transition: 0.3s; + --transition-2: 0.5s; + --transition-transform: transform .65s cubic-bezier(.23,1,.32,1); + + //Font Family + --font-primary: 'Poppins', sans-serif; + --font-secondary: 'Spartan', sans-serif; + --font-icomoon: 'icomoon'; + + //Fonts Size + --font-size-b1: 15px; + --font-size-b2: 13px; + + //Line Height + --line-height-b1: 1.73; //26px + --line-height-b2: 1.85; //24px + + // Heading Font + --h1: 50px; //60px 700 1.2 + --h2: 36px; //50px 700 1.39 + --h3: 28px; // 40px 700 1.43 + --h4: 20px; //28px 600 1.4 + --h5: 18px; //26px 600 1.45 + --h6: 16px; //26px 600 1.62 + + + --h1-lineHeight: 1.2; + --h2-lineHeight: 1.39; + --h3-lineHeight: 1.43; + --h4-lineHeight: 1.4; + --h5-lineHeight: 1.45; + --h6-lineHeight: 1.62; + +} + +// Layouts Variation +$custom-lg-device-seven: 'only screen and (min-width: 1200px)'; +$custom-lg-device-three: 'only screen and (min-width: 1750px)'; +$custom-lg-device-four: 'only screen and (min-width: 1800px)'; +$custom-lg-device-five: 'only screen and (min-width: 1900px)'; + +$custom-lg-device-two: 'only screen and (min-width: 1401px) and (max-width: 1750px)'; +$custom-lg-device-six: 'only screen and (min-width: 1401px) and (max-width: 1650px)'; +$custom-lg-device-eight: 'only screen and (min-width: 1200px) and (max-width: 1450px)'; + +$laptop-device: 'only screen and (min-width: 1200px) and (max-width: 1599px)'; +$custom-laptop-device: 'only screen and (min-width: 1200px) and (max-width: 1400px)'; + +$extra-device: 'only screen and (min-width: 1600px) and (max-width: 1919px)'; +$lg-layout: 'only screen and (min-width: 992px) and (max-width: 1199px)'; +$md-layout:'only screen and (min-width: 768px) and (max-width: 991px)'; + +$lg-layout-1:'only screen and (max-width: 1650px)'; +$smlg-device: 'only screen and (max-width: 1199px)'; +$md-layout-1:'only screen and (max-width: 991px)'; +$sm-layout:'only screen and (max-width: 767px)'; +$large-mobile: 'only screen and (max-width: 575px)'; +$small-mobile: 'only screen and (max-width: 479px)'; \ No newline at end of file diff --git a/public/assets/scss/elements/_accordion.scss b/public/assets/scss/elements/_accordion.scss new file mode 100644 index 0000000..ee34a87 --- /dev/null +++ b/public/assets/scss/elements/_accordion.scss @@ -0,0 +1,55 @@ +/*------------------------- + Accordion Style +---------------------------*/ +.edu-accordion { + .accordion-item { + margin-bottom: 30px; + border: 1px solid var(--color-border); + &:last-child { + margin-bottom: 0; + } + .accordion-button { + font-size: 18px; + color: var(--color-heading); + font-weight: var(--p-semi-bold); + background-color: transparent; + border: none; + padding: 28px 30px; + box-shadow: none; + &:focus { + border: none; + box-shadow: none; + } + &:after { + background-image: none; + content: "\e95d"; + font-family: var(--font-icomoon); + font-size: 22px; + font-weight: 500; + height: auto; + width: auto; + + } + &.collapsed { + &:after { + content: "\e95c"; + } + } + } + } + .accordion-body { + padding: 0; + .course-lesson { + border: none; + padding: 0; + ul { + li { + padding: 14px 30px; + &:last-child { + border-bottom: none; + } + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/elements/_backtotop.scss b/public/assets/scss/elements/_backtotop.scss new file mode 100644 index 0000000..5a422d4 --- /dev/null +++ b/public/assets/scss/elements/_backtotop.scss @@ -0,0 +1,106 @@ +/*------------------------- + Back To Top +---------------------------*/ +@-webkit-keyframes border-transform { + 0%, + 100% { + border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; + } + + 14% { + border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; + } + + 28% { + border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; + } + + 42% { + border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; + } + + 56% { + border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; + } + + 70% { + border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; + } + + 84% { + border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; + } +} + +.paginacontainer { + height: 3000px; +} + +.rn-progress-parent { + position: fixed; + right: 30px; + bottom: 30px; + height: 46px; + width: 46px; + cursor: pointer; + display: block; + border-radius: 50px; + box-shadow: inset 0 0 0 2px rgba(255, 71, 87, .2); + z-index: 10000; + opacity: 0; + visibility: hidden; + transform: translateY(15px); + -webkit-transition: all 200ms linear; + transition: all 200ms linear; + + &.rn-backto-top-active { + opacity: 1; + visibility: visible; + transform: translateY(0); + } + + &::after { + position: absolute; + font-family: 'remixicon' !important; + content: "\ea78"; + text-align: center; + line-height: 46px; + font-size: 24px; + color: var(--color-secondary); + left: 0; + top: 0; + height: 46px; + width: 46px; + cursor: pointer; + display: block; + z-index: 2; + -webkit-transition: all 200ms linear; + transition: all 200ms linear; + } + + &:hover { + &::after { + color: var(--color-secondary); + } + } + + &:hover { + &::before { + opacity: 1; + } + } + svg { + path { + fill: none; + } + &.rn-back-circle { + path { + stroke: var(--color-secondary); + stroke-width: 4; + box-sizing: border-box; + -webkit-transition: all 200ms linear; + transition: all 200ms linear; + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/elements/_breadcrumb.scss b/public/assets/scss/elements/_breadcrumb.scss new file mode 100644 index 0000000..7703751 --- /dev/null +++ b/public/assets/scss/elements/_breadcrumb.scss @@ -0,0 +1,303 @@ +/*------------------------- + Breadcrumb +---------------------------*/ +.edu-breadcrumb-area { + background-color: #f5f9fa; + padding: 95px 0 85px; + position: relative; + z-index: 1; + overflow: hidden; + @media #{$md-layout} { + padding: 70px 0 60px; + } + @media #{$sm-layout} { + padding: 55px 0 45px; + } + .breadcrumb-inner { + text-align: center; + } + + .page-title { + .pre-title { + margin-bottom: 15px; + letter-spacing: 1px; + display: block; + } + .title { + margin-bottom: 12px; + @media #{$sm-layout} { + font-size: 30px; + } + @media #{$large-mobile} { + font-size: 26px; + } + } + } + .edu-breadcrumb { + align-items: center; + display: flex; + justify-content: center; + flex-wrap: wrap; + @extend %liststyle; + font-family: var(--font-secondary); + li { + &.breadcrumb-item { + color: var(--color-heading); + font-size: 16px; + font-weight: var(--p-medium); + a { + color: var(--color-heading); + &:hover { + color: var(--color-primary); + } + } + &.active { + font-weight: var(--p-semi-bold); + } + } + &.separator { + i { + font-size: 16px; + font-weight: var(--p-bold); + margin: 0 10px; + color: var(--color-heading); + position: relative; + display: inline-block; + top: 2px; + } + } + } + } + .course-meta { + @extend %liststyle; + display: flex; + align-items: center; + justify-content: center; + margin-right: -20px; + margin-left: -20px; + @media #{$sm-layout} { + display: block; + margin-top: 20px; + } + li { + margin-right: 20px; + margin-left: 20px; + font-weight: 500; + color: var(--color-heading); + display: flex; + align-items: center; + position: relative; + &:after { + content: ""; + height: 19px; + width: 1px; + background-color: #dbdbdb; + position: absolute; + top: 4px; + right: -20px; + @media #{$sm-layout} { + display: none; + } + } + &:last-child { + &:after { + display: none; + } + } + i { + padding-right: 14px; + font-size: 24px; + color: var(--color-primary); + } + } + .course-rating { + .rating { + margin-right: 8px; + i { + font-size: 15px; + color: #f8b81f; + padding: 0; + } + } + } + } + .shape-group { + @extend %liststyle; + @media only screen and (max-width: 991px) { + display: none; + } + li { + position: absolute; + z-index: -1; + &.shape-1 { + top: -315px; + left: -60px; + } + &.shape-2 { + top: 60px; + left: 11%; + } + &.shape-3 { + bottom: 120px; + right: 13%; + z-index: 1; + } + &.shape-4 { + top: 30px; + right: -180px; + } + &.shape-5 { + top: -70px; + right: -88px; + } + &.shape-1, + &.shape-4 { + height: 470px; + width: 470px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + } +} + +.breadcrumb-style-2 { + position: relative; + z-index: 1; + padding: 190px 0 180px; + @media #{$md-layout} { + padding: 150px 0 140px; + } + @media #{$sm-layout} { + padding: 100px 0 90px; + } + @media #{$large-mobile} { + padding: 80px 0 70px; + } + &:before { + content: ""; + height: 100%; + width: 100%; + background-color: rgba(0,0,0, .6); + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: -1; + } + .page-title { + width: 70%; + margin: 0 auto; + @media #{$sm-layout} { + width: 100%; + } + .title { + color: var(--color-white); + } + } + .edu-breadcrumb { + li { + &.breadcrumb-item { + color: var(--color-white); + a { + color: var(--color-white); + } + } + &.separator { + i { + color: var(--color-white); + } + } + } + } +} + +.breadcrumb-style-3 { + padding: 5px 0 90px; + @media #{$md-layout} { + padding: 5px 0 70px; + } + @media #{$sm-layout} { + padding: 5px 0 70px; + } + .breadcrumb-inner { + text-align: left; + .page-title { + width: 55%; + @media only screen and (max-width: 991px) { + width: 100%; + } + .title { + font-size: 36px; + margin-bottom: 4px; + line-height: 1.4; + @media #{$sm-layout} { + font-size: 30px; + } + @media #{$large-mobile} { + font-size: 26px; + } + } + } + .edu-breadcrumb { + justify-content: flex-start; + margin-bottom: 55px; + @media #{$md-layout} { + margin-bottom: 40px; + } + @media #{$sm-layout} { + margin-bottom: 40px; + } + } + .course-meta { + justify-content: flex-start + } + } + .shape-group { + li.shape-2 { + left: 7%; + img { + width: 160px; + } + } + } +} + +.breadcrumb-style-4 { + padding: 110px 0 105px; + @media #{$md-layout} { + padding: 80px 0; + } + @media #{$sm-layout} { + padding: 60px 0; + } + .page-title { + .title { + width: 75%; + margin: 0 auto 5px; + } + } + .course-meta { + li { + font-weight: 400; + color: var(--color-body); + @media #{$sm-layout} { + justify-content: center; + } + i { + font-size: 18px; + } + } + } +} + +.breadcrumb-style-5 { + padding: 0; + padding-top: 18px; + background: linear-gradient(-90deg, #f5f1eb 0%, rgba(245, 241, 235, .3) 100%); + .edu-breadcrumb { + justify-content: flex-start; + margin: -10px 0; + } +} \ No newline at end of file diff --git a/public/assets/scss/elements/_button.scss b/public/assets/scss/elements/_button.scss new file mode 100644 index 0000000..8e46b26 --- /dev/null +++ b/public/assets/scss/elements/_button.scss @@ -0,0 +1,239 @@ +/*------------------- + * Button +---------------------*/ +a, +button { + &.btn-transparent { + font-weight: 600; + font-size: 18px; + line-height: 28px; + color: var(--color-textSecondary); + display: inline-block; + position: relative; + transition: 0.3s; + &::after { + position: absolute; + content: ""; + left: auto; + right: 0; + bottom: 0; + width: 0; + height: 2px; + background: var(--color-primary); + transition: 0.3s; + } + + i { + padding-left: 6px; + top: -1px; + position: relative; + font-size: 12px; + } + &:hover { + color: var(--color-primary); + &::after { + width: 100%; + left: 0; + right: auto; + } + } + } +} + +a, +button { + &.edu-btn { + text-align: center; + border-radius: 5px; + display: inline-block; + height: 60px; + line-height: 62px; + color: var(--edu-btn-color); + background: var(--color-primary); + padding: 0 30px; + font-size: 15px; + font-weight: 500; + transition: 0.4s; + font-family: var(--font-secondary); + border: 0 none; + overflow: hidden; + position: relative; + z-index: 1; + @media #{$sm-layout} { + padding: 0 20px; + font-size: 14px; + height: 50px; + line-height: 52px; + } + &:after { + content: ""; + height: 100%; + width: 0; + background: linear-gradient(-90deg, #31b978 0%, #1ab69d 100%); + border-radius: 5px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: -1; + transition: 0.4s; + } + i { + padding-left: 6px; + position: relative; + font-size: 11px; + @media #{$sm-layout} { + font-size: 9px; + } + } + + &:hover { + &:after { + left: 0; + width: 100%; + } + } + + &.btn-large { + padding: 0 40px; + i { + top: 0; + padding-left: 10px; + } + } + + &.btn-medium { + height: 50px; + line-height: 51px; + padding: 0 25px; + } + + &.btn-small { + height: 40px; + line-height: 40px; + padding: 0 20px; + font-size: 14px; + } + + &.left-icon { + i { + padding-left: 0; + padding-right: 10px; + } + } + + &.btn-curved { + border-radius: 30px 5px; + &:hover { + border-radius: 5px 30px; + } + } + &.curved-medium { + border-radius: 20px 5px; + padding: 0 40px; + &:hover { + border-radius: 5px 25px; + } + } + + &.btn-secondary { + background: var(--color-secondary); + color: var(--color-white); + &:hover { + color: var(--color-white); + background: var(--color-primary); + } + } + &.btn-secondary1 { + background: var(--color-secondary); + color: var(--color-white); + &:hover { + color: var(--color-heading); + background: var(--color-white); + } + } + &.btn-border { + background-color: transparent; + border: 1px solid var(--color-border); + color: var(--color-heading); + padding: 0 25px; + &:after { + display: none; + } + &:hover { + background-color: var(--color-primary); + border-color: var(--color-primary); + color: var(--color-white); + } + } + } +} + +.button-group { + display: flex; + align-items: center; + margin: -5px; + a { + margin: 5px; + } +} +.btn-gradient { + background:linear-gradient(-90deg, #31b978 0%, #1ab69d 100%) !important; + &::after { + background: linear-gradient(-90deg, #1ab69d 0%, #31b978 100%) !important; + } +} +.wishlist-btn { + background: rgba(255, 255, 255, 0.15); + width: 40px; + height: 40px; + line-height: 45px; + text-align: center; + border-radius: 50%; + border: 0 none; + transition: var(--transition); + i { + color: var(--color-white); + font-size: 19px; + transition: var(--transition); + } + &:hover { + background-color: var(--color-secondary); + } + &.btn-outline-dark { + height: 50px; + width: 50px; + line-height: 55px; + border: 1px solid #e5e5e5; + color: var(--color-heading); + pointer-events: all; + i { + color: var(--color-heading); + } + &:hover { + border-color: var(--color-secondary); + i { + color: var(--color-white); + } + } + } +} + + +.btn-icon-round { + text-align: center; + height: 60px; + width: 60px; + line-height: 60px; + background-color: var(--color-primary); + border-radius: 50%; + color: var(--color-white); + font-size: 12px; + &:hover { + color: var(--color-white); + background-color: var(--color-secondary); + } +} + + + \ No newline at end of file diff --git a/public/assets/scss/elements/_countdown.scss b/public/assets/scss/elements/_countdown.scss new file mode 100644 index 0000000..d8b15ad --- /dev/null +++ b/public/assets/scss/elements/_countdown.scss @@ -0,0 +1,85 @@ +/*------------------------- +Countdown +--------------------------*/ +.countdown { + display: flex; + .countdown-section { + margin-right: 10px; + text-align: center; + &:last-child { + margin-right: 0; + } + } + .countdown-number { + font-size: 20px; + font-weight: var(--p-semi-bold); + line-height: 1; + margin-bottom: 10px; + height: 60px; + width: 60px; + line-height: 60px; + text-align: center; + border-radius: 50%; + &.day { + background-color: rgba(26, 182, 157, .1); + color: var(--color-primary); + } + &.hour { + background-color: rgba(238, 74, 98, .1); + color: var(--color-secondary); + } + &.minute { + background-color: rgba(142, 86, 255, .1); + color: var(--color-extra02); + } + &.second { + background-color: rgba(248, 148, 31, .1); + color: var(--color-extra05); + } + } + .countdown-unit { + line-height: 1; + font-size: 15px; + font-weight: var(--p-medium); + color: var(--color-body); + } +} + +.coming-countdown { + display: flex; + align-items: center; + justify-content: center; + .countdown-section { + margin: 0 30px; + position: relative; + min-width: 80px; + &:after { + content:":"; + font-size: 30px; + color: var(--color-white); + font-weight: var(--s-bold); + position: absolute; + right: -30px; + top: -9px; + } + &:last-child { + &:after { + display: none; + } + } + } + .countdown-number { + margin-bottom: 0; + font-size: 50px; + font-weight: var(--p-bold); + color: var(--color-white); + font-family: var(--font-secondary); + line-height: 1; + } + .countdown-unit { + font-size: 15px; + font-weight: 500; + color: rgba(255,255,255, .6); + } +} + diff --git a/public/assets/scss/elements/_course-widget.scss b/public/assets/scss/elements/_course-widget.scss new file mode 100644 index 0000000..6a23d86 --- /dev/null +++ b/public/assets/scss/elements/_course-widget.scss @@ -0,0 +1,260 @@ +/*------------------- + Course Widget +---------------------*/ +.edu-course-widget { + background-color: #f5f9fa; + border-radius: 5px; + padding: 38px 30px 20px; + margin-bottom: 50px; + @media #{$lg-layout} { + padding: 38px 20px 20px; + } + @media only screen and (max-width: 991px) { + margin-bottom: 30px; + } + &:last-child { + margin-bottom: 0; + } + .widget-title { + margin-bottom: 0; + &.widget-toggle { + position: relative; + cursor: pointer; + &:after { + content: "\e91e"; + font-family: var(--font-icomoon); + font-size: 6px; + position: absolute; + top: 8px; + right: 0; + transform: rotate(180deg); + transition: var(--transition); + } + } + } + .content { + padding-top: 10px; + .edu-form-check { + position: relative; + margin: 20px 0; + label { + span { + margin-left: 2px; + } + } + } + } + &.collapsed { + .widget-title { + &.widget-toggle { + &:after { + transform: rotate(0deg); + } + } + } + } + &.widget-rating { + .content { + .edu-form-check { + label { + i { + color: #eda803; + &.off { + color: #c8cbcc; + } + } + } + } + } + } + &.widget-course-summery { + padding: 15px; + .widget-title { + margin-bottom: 16px; + } + .thumbnail { + position: relative; + margin-bottom: 10px; + &:after { + content: ""; + height: 100%; + width: 100%; + background-color: var(--color-black); + border-radius: 5px; + opacity: .3; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + } + img { + border-radius: 5px; + width: 100%; + } + .play-btn { + display: inline-block; + text-align: center; + width: 70px; + height: 70px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + background: var(--color-white); + transition: var(--transition); + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 1; + color: var(--color-secondary); + font-size: 18px; + i { + margin-left: 5px; + } + &:hover { + background-color: var(--color-primary); + color: var(--color-white); + } + } + } + .content { + padding: 30px 25px 25px; + @media #{$lg-layout} { + padding: 30px 10px 25px; + } + @media #{$small-mobile} { + padding: 30px 10px 25px; + } + .course-item { + @extend %liststyle; + li { + display: flex; + justify-content: space-between; + align-items: center; + font-weight: 500; + color: var(--color-heading); + border-bottom: 1px solid var(--color-border); + padding: 15px 0; + margin: 0; + &:last-child { + border-bottom: none; + } + i { + font-size: 24px; + padding-right: 15px; + max-width: 35px; + } + svg { + margin-right: 15px; + max-width: 35px; + } + .label { + display: flex; + align-items: center; + font-family: var(--font-secondary); + } + .price { + font-size: 20px; + font-weight: var(--p-semi-bold); + color: var(--color-secondary); + } + } + } + .read-more-btn { + margin-top: 24px; + margin-bottom: 30px; + .edu-btn { + width: 100%; + } + } + .share-area { + .title { + margin-bottom: 15px; + } + .social-share { + margin: -8px; + li { + margin: 8px; + a { + height: 40px; + width: 40px; + line-height: 40px; + } + } + } + } + } + } +} + +.edu-course-sidebar { + @media #{$md-layout} { + margin-bottom: 50px; + } + @media #{$sm-layout} { + margin-bottom: 50px; + } +} +.course-sidebar-2 { + background-color: var(--color-white); + border-radius: 5px; + box-shadow: 0 0 40px 0 rgba(0,0,0, .07); + @media #{$md-layout} { + margin-bottom: 50px; + } + @media #{$sm-layout} { + margin-bottom: 50px; + } + .edu-course-widget { + background-color: transparent; + margin-bottom: 0; + padding-bottom: 0; + .inner { + border-bottom: 1px solid var(--color-border); + padding-bottom: 15px; + } + &:last-child { + .inner { + border-bottom: none; + } + } + } +} + +.course-sidebar-3 { + .edu-blog-widget, + .edu-course-widget { + background-color: var(--color-white); + border-radius: 5px; + box-shadow: 0px 10px 50px 0px rgba(26,46,85,.07); + margin-bottom: 30px; + &:last-child { + margin-bottom: 0; + } + } + .edu-blog-widget { + padding: 40px; + @media #{$lg-layout} { + padding: 40px 25px; + } + @media #{$small-mobile} { + padding: 40px 25px; + } + .widget-title { + margin-bottom: 40px; + } + } + @media only screen and (max-width: 991px) { + margin-top: 50px; + } +} + +.sidebar-top-position { + @media only screen and (min-width: 992px) { + margin-top: -365px; + position: relative; + z-index: 2; + } +} \ No newline at end of file diff --git a/public/assets/scss/elements/_pagination.scss b/public/assets/scss/elements/_pagination.scss new file mode 100644 index 0000000..5d5e5e5 --- /dev/null +++ b/public/assets/scss/elements/_pagination.scss @@ -0,0 +1,74 @@ +/*------------------- + Pagination Styles +---------------------*/ +.edu-pagination { + @extend %liststyle; + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + padding-top: 70px; + li { + margin: 0 2px; + a { + width: 50px; + height: 50px; + line-height: 50px; + display: block; + border-radius: 50%; + text-align: center; + color: var(--color-heading); + transition: var(--transition); + font-size: 18px; + font-weight: 600; + position: relative; + z-index: 1; + &:before { + content: ""; + height: 100%; + width: 100%; + background: var(--gradient-primary); + border-radius: 50%; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + transition: var(--transition); + z-index: -1; + opacity: 0; + } + i { + font-weight: 700; + position: relative; + top: 2px; + } + } + &.active, + &:hover { + a { + color: var(--color-white); + &:before { + opacity: 1; + } + } + } + &.more-next { + a { + position: relative; + &:after { + content: ". . ."; + font-size: 18px; + font-weight: 700; + position: absolute; + top: 40%; + left: 50%; + transform: translateY(-50%) translateX(-50%); + } + } + } + } + &.top-space-30 { + padding-top: 30px; + } +} \ No newline at end of file diff --git a/public/assets/scss/elements/_sal.scss b/public/assets/scss/elements/_sal.scss new file mode 100644 index 0000000..98f27a6 --- /dev/null +++ b/public/assets/scss/elements/_sal.scss @@ -0,0 +1,177 @@ +/*------------------------- + Sal Styels +-------------------------*/ + +/** + * Settings + */ + +$sal-animation-duration: 0.2s !default; +$sal-animation-delay: 0s !default; +$sal-slide-offset: 20% !default; +$sal-zoom-in-scale: 0.5 !default; +$sal-zoom-out-scale: 1.1 !default; +$sal-flip-rotate: 91deg !default; + +/** + * Easings + */ + +$sal-easings: (linear: linear, + ease: ease, + ease-in: ease-in, + ease-out: ease-out, + ease-in-out: ease-in-out, + + ease-in-cubic: cubic-bezier(.55, .055, .675, .19), + ease-out-cubic: cubic-bezier(.215, .61, .355, 1), + ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1), + + ease-in-circ: cubic-bezier(.6, .04, .98, .335), + ease-out-circ: cubic-bezier(.075, .82, .165, 1), + ease-in-out-circ: cubic-bezier(.785, .135, .15, .86), + + ease-in-expo: cubic-bezier(.95, .05, .795, .035), + ease-out-expo: cubic-bezier(.19, 1, .22, 1), + ease-in-out-expo: cubic-bezier(1, 0, 0, 1), + + ease-in-quad: cubic-bezier(.55, .085, .68, .53), + ease-out-quad: cubic-bezier(.25, .46, .45, .94), + ease-in-out-quad: cubic-bezier(.455, .03, .515, .955), + + ease-in-quart: cubic-bezier(.895, .03, .685, .22), + ease-out-quart: cubic-bezier(.165, .84, .44, 1), + ease-in-out-quart: cubic-bezier(.77, 0, .175, 1), + + ease-in-quint: cubic-bezier(.755, .05, .855, .06), + ease-out-quint: cubic-bezier(.23, 1, .32, 1), + ease-in-out-quint: cubic-bezier(.86, 0, .07, 1), + + ease-in-sine: cubic-bezier(.47, 0, .745, .715), + ease-out-sine: cubic-bezier(.39, .575, .565, 1), + ease-in-out-sine: cubic-bezier(.445, .05, .55, .95), + + ease-in-back: cubic-bezier(.6, -.28, .735, .045), + ease-out-back: cubic-bezier(.175, .885, .32, 1.275), + ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55)); + +/** + * Core + */ + +[data-sal] { + transition-duration: $sal-animation-duration; + transition-delay: $sal-animation-delay; + transition-duration: var(--sal-duration, $sal-animation-duration); + transition-delay: var(--sal-delay, $sal-animation-delay); + transition-timing-function: var(--sal-easing, map-get($sal-easings, 'ease')); +} + +@for $i from 4 through 40 { + [data-sal][data-sal-duration='#{$i * 50}'] { + transition-duration: #{$i * 0.05}s; + } +} + +@for $i from 1 through 20 { + [data-sal][data-sal-delay='#{$i * 50}'] { + transition-delay: #{$i * 0.05}s; + } +} + +@each $key, +$value in $sal-easings { + [data-sal][data-sal-easing='#{$key}'] { + transition-timing-function: $value; + } +} + +/** + * Animations + */ + +// Fade +[data-sal|='fade'] { + opacity: 0; + transition-property: opacity; +} + +[data-sal|='fade'].sal-animate, +body.sal-disabled [data-sal|='fade'] { + opacity: 1; +} + +// Slide +[data-sal|='slide'] { + opacity: 0; + transition-property: opacity, transform; +} + +[data-sal='slide-up'] { + transform: translateY($sal-slide-offset); +} + +[data-sal='slide-down'] { + transform: translateY(-$sal-slide-offset); +} + +[data-sal='slide-left'] { + transform: translateX($sal-slide-offset); +} + +[data-sal='slide-right'] { + transform: translateX(-$sal-slide-offset); +} + +[data-sal|='slide'].sal-animate, +body.sal-disabled [data-sal|='slide'] { + opacity: 1; + transform: none; +} + +// Zoom +[data-sal|='zoom'] { + opacity: 0; + transition-property: opacity, transform; +} + +[data-sal='zoom-in'] { + transform: scale($sal-zoom-in-scale); +} + +[data-sal='zoom-out'] { + transform: scale($sal-zoom-out-scale); +} + +[data-sal|='zoom'].sal-animate, +body.sal-disabled [data-sal|='zoom'] { + opacity: 1; + transform: none; +} + +// Flip +[data-sal|='flip'] { + backface-visibility: hidden; + transition-property: transform; +} + +[data-sal='flip-left'] { + transform: perspective(2000px) rotateY(-$sal-flip-rotate); +} + +[data-sal='flip-right'] { + transform: perspective(2000px) rotateY($sal-flip-rotate); +} + +[data-sal='flip-up'] { + transform: perspective(2000px) rotateX(-$sal-flip-rotate); +} + +[data-sal='flip-down'] { + transform: perspective(2000px) rotateX($sal-flip-rotate); +} + +[data-sal|='flip'].sal-animate, +body.sal-disabled [data-sal|='flip'] { + transform: none; +} \ No newline at end of file diff --git a/public/assets/scss/elements/_section-title.scss b/public/assets/scss/elements/_section-title.scss new file mode 100644 index 0000000..860ca54 --- /dev/null +++ b/public/assets/scss/elements/_section-title.scss @@ -0,0 +1,117 @@ +/*--------------------------- + Section Title +----------------------------*/ +.section-title { + margin-bottom: 44px; + @media #{$sm-layout} { + margin-bottom: 40px; + } + .pre-title { + font-weight: 500; + display: inline-block; + text-transform: uppercase; + margin-bottom: 14px; + letter-spacing: 1px; + &.pre-textsecondary { + color: var(--color-secondary); + } + } + .title { + margin-bottom: 4px; + br { + @media #{$sm-layout} { + display: none; + } + } + } + .shape-line { + display: block; + color: var(--color-primary); + } + p { + margin-bottom: 24px; + margin-top: 15px; + } + &.section-left { + text-align: left; + } + &.section-center { + text-align: center; + } +} + + +.section-title-flex { + display: flex; + @media #{$sm-layout} { + display: block; + text-align: center; + } + .left-content { + flex: 1; + text-align: right; + margin-right: 90px; + margin-bottom: 20px; + position: relative; + @media #{$sm-layout} { + text-align: center; + margin-right: 0; + } + &:after { + content: ""; + height: 83px; + width: 1px; + background-color: #e5e1dc; + position: absolute; + top: 5px; + right: -45px; + @media #{$sm-layout} { + display: none; + } + } + } + .right-content { + flex: 1; + p { + margin: 0; + color: var(--color-heading); + } + } +} + +.splash-title { + .number { + font-size: 60px; + font-weight: 700; + font-family: var(--font-secondary); + line-height: 1; + margin-bottom: 5px; + background: #31B978; + background: linear-gradient(to left, #31B978 0%, #1AB69D 76%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + @media #{$md-layout} { + font-size: 50px; + } + @media #{$sm-layout} { + font-size: 40px; + } + } + .pre-title { + font-size: 16px; + font-weight: 700; + background: #31B978; + background: linear-gradient(to left, #31B978 0%, #1AB69D 76%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + .title { + font-size: 40px; + @media #{$md-layout} { + font-size: 36px; + } + @media #{$sm-layout} { + font-size: 30px; + } + } +} \ No newline at end of file diff --git a/public/assets/scss/elements/_social-share.scss b/public/assets/scss/elements/_social-share.scss new file mode 100644 index 0000000..e1d6174 --- /dev/null +++ b/public/assets/scss/elements/_social-share.scss @@ -0,0 +1,52 @@ +/*--------------------------- + Social Share Style +---------------------------*/ +.social-share { + margin: -10px; + padding: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + li { + margin: 10px; + a { + border: 1px solid var(--color-border); + border-radius: 50%; + width: 46px; + height: 46px; + line-height: 46px; + display: inline-block; + font-size: 16px; + color: var(--color-body); + transition: 0.3s; + text-align: center; + &:hover { + background-color: var(--color-primary); + border-color: var(--color-primary); + color: var(--color-white); + } + } + } + &.icon-transparent { + margin: 0 -15px; + li { + margin: 0 15px; + a { + height: auto; + width: auto; + color: var(--color-body); + transition: 0.4s; + line-height: initial; + font-size: 18px; + border: none; + border-radius: 0; + &:hover { + color: var(--color-primary); + background-color: transparent; + } + } + } + } +} + + diff --git a/public/assets/scss/elements/_swiper.scss b/public/assets/scss/elements/_swiper.scss new file mode 100644 index 0000000..d827ea0 --- /dev/null +++ b/public/assets/scss/elements/_swiper.scss @@ -0,0 +1,67 @@ +/*--------------------------- + * Swiper Styles +----------------------------*/ +.swiper-wrapper { + .swiper-slide { + padding: 0 15px; + } +} + +// Nav Dot Style + + + + +// Nav Arrow Style +.swiper-navigation { + .swiper-btn-nxt, + .swiper-btn-prv { + display: inline-block; + height: 60px; + width: 60px; + line-height: 60px; + border-radius: 50%; + margin-right: 10px; + font-size: 24px; + text-align: center; + background-color: var(--color-white); + color: var(--color-heading); + transition: var(--transition); + @media #{$sm-layout} { + height: 45px; + width: 45px; + line-height: 45px; + font-size: 18px; + } + &:hover { + color: var(--color-white); + background: var(--gradient-primary); + } + } +} +.blog-gallery-activation { + position: relative; + .swiper-navigation { + .swiper-btn-nxt, + .swiper-btn-prv { + position: absolute; + top: 45%; + z-index: 1; + } + .swiper-btn-nxt { + left: 30px; + } + .swiper-btn-prv { + right: 20px; + } + } +} +.testimonial-area-4 { + .swiper-navigation { + .swiper-btn-nxt, + .swiper-btn-prv { + border: 1px solid var(--color-border); + } + } +} + diff --git a/public/assets/scss/elements/_theme-switcher.scss b/public/assets/scss/elements/_theme-switcher.scss new file mode 100644 index 0000000..4764091 --- /dev/null +++ b/public/assets/scss/elements/_theme-switcher.scss @@ -0,0 +1,29 @@ +/*------------------------- + Theme Switcher Style +---------------------------*/ + +.theme-switcher { + position: fixed; + left: 0; + top: 200px; + z-index: 123; + background: #333; + border: 2px solid rgba(255, 255, 255, 0.07); + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + padding: 6px 6px; + transition: all .3s ease-in-out; + -webkit-transition: all .3s ease-in-out; + -moz-transition: all .3s ease-in-out; + -ms-transition: all .3s ease-in-out; + -o-transition: all .3s ease-in-out; + + #moon { + width: 25px; + margin-bottom: 0; + cursor: pointer; + } +} \ No newline at end of file diff --git a/public/assets/scss/footer/_footer.scss b/public/assets/scss/footer/_footer.scss new file mode 100644 index 0000000..4f56a64 --- /dev/null +++ b/public/assets/scss/footer/_footer.scss @@ -0,0 +1,510 @@ +/*------------------------- + Footer Styles +-------------------------*/ +.edu-footer { + position: relative; + // z-index: 1; + + .footer-top { + // background-color: #F0F4F5; + position: relative; + padding: 100px 0 95px; + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/BG-3.webp); + background-repeat: no-repeat; + + @media #{$md-layout-1} { + display: none; + } + } + @media #{$md-layout} { + padding: 80px 0; + } + @media #{$sm-layout} { + padding: 60px 0; + } + } + &.footer-style-1 { + background-color: #F0F4F5; + .footer-top { + .edu-footer-widget { + .logo { + a { + img { + &.logo-dark { + display: none; + } + } + } + } + } + } + } + &.footer-style-2 { + background-color: #111212; + .footer-top { + .edu-footer-widget { + .widget-title { + color: #ffffff; + } + } + } + } + &.footer-style-3 { + background-color: #111212; + } + &.footer-style-7 { + .footer-top { + &::before { + display: none; + } + .edu-footer-widget { + .logo { + a { + img { + &.logo-dark { + display: none; + } + } + } + } + .description { + color: var(--footer-text); + } + .widget-title { + font-weight: var(--p-bold); + margin-top: 12px; + } + .inner { + margin-top: 30px; + .footer-link { + a { + color: var(--footer-text); + + &:hover { + color: var(--color-primary); + } + } + } + .widget-information { + ul { + li { + color: var(--footer-text); + + a { + color: var(--footer-text); + + &:hover { + color: var(--color-primary); + } + } + } + } + } + } + .social-share { + margin-top: 20px; + } + } + .shape-group { + li { + &.shape-1 { + left: 100px; + bottom: 45px; + } + &.shape-2 { + right: 100px; + bottom: -2px; + } + } + } + } + .copyright-area { + border-top: 1px solid var(--color-border); + a { + color: var(--color-heading); + } + } + } + .description { + margin-top: 20px; + margin-bottom: 20px; + } + + .information-list { + @extend %liststyle; + li { + margin-top: 0; + margin-bottom: 0; + span { + font-weight: 500; + margin-right: 5px; + } + a { + transition: 0.3s; + } + & + li { + margin-top: 5px; + } + &:hover { + a { + color: var(--color-primary); + } + } + } + } + + .edu-footer-widget { + position: relative; + z-index: 1; + .logo { + a { + img { + &.logo-light { + display: inline-block; + } + } + } + } + .inner { + margin-top: 36px; + @media #{$md-layout} { + margin-top: 20px; + } + @media #{$sm-layout} { + margin-top: 20px; + } + } + .footer-link { + list-style: none; + padding: 0; + margin-bottom: 0; + li { + margin-top: 0; + margin-bottom: 0; + a { + display: block; + line-height: 26px; + } + & + li { + margin-top: 11px; + } + &:hover { + a { + color: var(--color-primary); + } + } + } + } + .input-group { + margin-bottom: 35px; + .form-control { + background-color: var(--color-white); + border-radius: 5px !important; + font-size: var(--font-size-b1); + font-weight: 400; + border: none; + height: auto; + padding: 0 15px; + } + button { + margin-left: 10px !important; + border-radius: 5px !important; + } + } + &.explore-widget { + margin-left: 65px; + @media #{$lg-layout} { + margin-left: 0; + } + + @media #{$md-layout} { + margin-left: 0; + } + + @media #{$sm-layout} { + margin-left: 0; + } + } + .input-group { + &.footer-subscription-form { + @media #{$small-mobile} { + flex-direction: column; + } + .form-control { + @media #{$small-mobile} { + width: 100%; + height: 50px; + margin-bottom: 20px; + } + } + button { + @media #{$small-mobile} { + margin-left: 0px !important; + } + } + } + } + } + + &.footer-dark { + .widget-title { + color: var(--color-white); + } + p { + color: #bababa; + } + li { + color: #bababa; + } + a { + color: #bababa; + } + } + + &.footer-lighten { + .widget-title { + font-weight: var(--p-bold); + } + p { + color: var(--footer-text); + } + li { + color: var(--footer-text); + } + a { + color: var(--footer-text); + } + } + + &.footer-light { + p { + color: var(--color-heading); + } + li { + color: var(--color-heading); + } + a { + color: var(--color-heading); + } + .edu-footer-widget { + .input-group { + .form-control { + background-color: var(--color-lighten04); + } + } + } + } + &.footer-kindergarten { + background-color: #111212; + .footer-top { + padding: 100px 0 40px; + + &::before { + display: none; + } + } + .edu-footer-widget { + .widget-information { + margin-bottom: 24px; + } + } + .widget-title { + color: var(--color-white); + } + p { + color: #bababa; + } + li { + color: #bababa; + } + a { + color: #bababa; + } + .copyright-area { + position: relative; + z-index: 1; + &::before { + content: ''; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/bg-image-3.svg); + background-size: cover; + background-repeat: no-repeat; + z-index: -1; + } + } + } + &.footer-for-kitchen { + .footer-top { + &::before { + display: none; + } + } + .shape-group { + li { + &.shape-1 { + top: 45px; + left: 6%; + @media #{$lg-layout-1, $custom-lg-device-two} { + left: 0; + } + @media #{$custom-lg-device-eight} { + left: -80px; + } + } + &.shape-2 { + bottom: 30px; + left: 40px; + @media #{$lg-layout-1} { + left: 0; + } + @media #{$custom-lg-device-eight} { + left: -80px; + } + } + &.shape-3 { + bottom: -50px; + left: 46%; + } + &.shape-4 { + bottom: -10px; + right: 40px; + @media #{$lg-layout-1} { + right: 0; + } + @media #{$custom-lg-device-eight} { + right: -50px; + } + } + &.shape-5 { + top: 50px; + right: 6%; + @media #{$lg-layout-1} { + right: 0; + } + @media #{$custom-lg-device-eight} { + right: -50px; + } + } + } + } + } + &.footer-for-yoga { + .footer-top { + &::before { + display: none; + } + } + .shape-group { + li { + img { + opacity: .3; + } + &.shape-1 { + top: 45px; + left: 6%; + @media #{$lg-layout-1, $custom-lg-device-two} { + left: 0; + } + } + &.shape-2 { + bottom: 30px; + left: 40px; + @media #{$lg-layout-1} { + left: 0; + } + img { + opacity: .2; + } + } + &.shape-3 { + bottom: -83px; + left: 46%; + img { + opacity: .7; + } + } + &.shape-4 { + bottom: -10px; + right: 40px; + @media #{$lg-layout-1} { + right: 0; + } + img { + opacity: .2; + } + } + &.shape-5 { + top: 50px; + right: 6%; + @media #{$lg-layout-1} { + right: 0; + } + } + } + } + } + .copyright-area { + a { + color: var(--color-primary); + transition: background 0.2s linear; + &:hover { + background: var(--gradient-primary); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + } + } +} + +/*------------------------- + Copyright Styles +--------------------------*/ +.copyright-area { + padding: 32px 0; + p { + margin-bottom: 0; + } +} + +.footer-dark { + .copyright-area { + border-top: 1px solid #1f2020; + } +} +.footer-lighten { + .copyright-area { + background-color: #ebeff0; + p { + color: var(--color-black); + } + } +} + +.footer-light { + .copyright-area { + background-color: var(--color-white); + border-top: 1px solid #e5e5e5; + p { + color: var(--color-heading); + } + } +} + +.footer-kindergarten { + .copyright-area { + padding: 105px 0 50px; + } +} diff --git a/public/assets/scss/header/_header-action.scss b/public/assets/scss/header/_header-action.scss new file mode 100644 index 0000000..9709ff4 --- /dev/null +++ b/public/assets/scss/header/_header-action.scss @@ -0,0 +1,110 @@ +/*------------------------ + Header Actions +-------------------------*/ +.header-action { + @extend %liststyle; + display: flex; + align-items: center; + margin: 0 -20px; + @media #{$large-mobile} { + margin: 0 -10px; + } + li { + margin: 0 20px; + line-height: 1; + @media #{$large-mobile} { + margin: 0 10px; + } + &.icon { + a { + font-size: 22px; + color: var(--color-heading); + position: relative; + height: 90px; + line-height: 94px; + .count { + position: absolute; + top: 24px; + right: -10px; + display: block; + text-align: center; + height: 20px; + width: 20px; + line-height: 23px; + background-color: var(--color-primary); + border-radius: 50%; + color: var(--color-white); + font-size: 12px; + font-weight: 500; + font-family: var(--font-secondary); + + } + &:hover { + color: var(--color-primary); + } + } + &.cart-icon { + margin-right: 30px; + @media #{$large-mobile} { + margin-right: 20px; + } + } + } + } + .search-bar { + @media only screen and (max-width: 1699px) { + display: none; + } + .input-group { + border: 1px solid #e5e5e5; + border-radius: 4px; + .form-control { + height: 50px; + border: none; + line-height: 1; + font-size: 15px; + color: var(--color-heading); + font-weight: 400; + padding: 0 0 0 20px; + &:focus { + box-shadow: none; + } + } + .search-btn { + border: none; + background-color: transparent; + font-size: 20px; + color: var(--color-heading); + padding: 0 20px; + transition: var(--transition); + &:hover { + color: var(--color-primary); + } + } + } + } + .header-btn { + @media #{$sm-layout} { + display: none; + } + a { + display: block; + color: var(--color-white); + padding: 0 30px; + } + } + .mobile-menu-bar { + .hamberger-button { + background-color: transparent; + border: none; + padding: 0; + color: var(--color-heading); + font-size: 15px; + line-height: 1; + transition: var(--transition); + &:hover { + color: var(--color-primary); + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/header/_header-top.scss b/public/assets/scss/header/_header-top.scss new file mode 100644 index 0000000..8f75d2c --- /dev/null +++ b/public/assets/scss/header/_header-top.scss @@ -0,0 +1,139 @@ +/*-------------------------- + Header Top Styles +--------------------------*/ +.header-top-bar { + background-color: #1f2432; + @media only screen and (max-width: 991px) { + display: none; + } +} + + +.header-top { + display: flex; + align-items: center; + @media #{$md-layout} { + display: block; + } + @media #{$sm-layout} { + display: block; + } + .header-top-left { + margin-right: 30px; + @media #{$md-layout} { + margin-right: 0; + } + @media #{$sm-layout} { + margin-right: 0; + } + } + .header-top-right { + flex: 1; + text-align: right; + } + .header-notify { + font-family: var(--font-secondary); + font-size: 14px; + color: var(--color-white); + a { + color: var(--color-secondary); + text-decoration: underline; + font-weight: 500; + &:hover { + color: var(--color-primary); + } + } + } + + .header-info { + @extend %liststyle; + display: flex; + align-items: center; + justify-content: flex-end; + flex-wrap: wrap; + margin: 0 -30px; + @media #{$md-layout} { + justify-content: center; + } + @media #{$sm-layout} { + justify-content: center; + margin: 0 -15px; + } + li { + display: inline-block; + margin: 0; + font-family: var(--font-secondary); + font-size: 14px; + color: var(--color-white); + padding: 14px 30px 12px; + position: relative; + @media #{$sm-layout} { + padding: 15px; + } + &:after { + content: ""; + height: 100%; + width: 1px; + background-color: rgba(255,255,255, .1); + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0; + } + a { + color: var(--color-white); + &:hover { + color: var(--color-secondary); + } + } + i { + font-size: 15px; + color: var(--color-secondary); + padding-right: 10px; + position: relative; + top: 1px; + } + &:last-child { + &:after { + display: none; + } + } + &.social-icon { + margin: 0 -12px; + a { + padding: 0 12px; + i { + color: var(--color-white); + transition: var(--transition); + padding: 0; + } + &:hover { + i { + color: var(--color-secondary); + } + } + } + } + &.header-btn { + padding: 0 30px 0 0; + @media only screen and (max-width: 991px) { + padding: 0; + } + .edu-btn { + color: var(--color-white); + border-radius: 0; + overflow: visible; + i { + color: var(--color-white); + padding-right: 0; + font-size: 11px; + top: 0; + } + &:after { + border-radius: 0; + } + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/header/_header.scss b/public/assets/scss/header/_header.scss new file mode 100644 index 0000000..3d2e746 --- /dev/null +++ b/public/assets/scss/header/_header.scss @@ -0,0 +1,500 @@ +/*-------------------------- + Header Styles +--------------------------*/ +.edu-header { + z-index: 99; + .header-mainmenu { + background-color: var(--color-white); + box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .05); + position: relative; + @media #{$smlg-device} { + padding-top: 10px; + padding-bottom: 10px; + } + @media #{$sm-layout} { + padding-top: 12px; + padding-bottom: 12px; + } + // z-index: 99; required, conflict issue with z-10 class + &.edu-sticky { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 99; + background-color: var(--color-white); + animation: headerSticky .95s ease forwards; + } + } + .header-navbar { + display: flex; + align-items: center; + @media #{$smlg-device} { + justify-content: space-between; + } + .header-mainnav { + flex: 1; + @media #{$smlg-device} { + display: none; + } + } + } + .header-brand { + display: flex; + align-items: center; + img { + &.logo-dark { + display: none; + } + + &.logo-light { + display: inline-block; + } + } + .logo { + margin-right: 40px; + @media #{$large-mobile} { + margin-right: 15px; + } + a { + display: block; + } + } + } + .header-category { + border-left: 1.5px solid #f2f2f2; + border-right: 1.5px solid #f2f2f2; + margin-right: 10px; + @media only screen and (max-width: 1360px) { + display: none; + } + .mainmenu { + li { + &.has-droupdown { + >a { + padding: 0 40px; + i { + padding-right: 10px; + font-size: 18px; + position: relative; + top: 2px; + } + &:after { + display: none; + } + } + } + } + } + } + &.header-fullwidth { + .header-mainmenu, + .header-top-bar { + padding-left: 62px; + padding-right: 62px; + @media only screen and (max-width: 1699px) { + padding-left: 22px; + padding-right: 22px; + } + @media #{$sm-layout} { + padding-left: 0; + padding-right: 0; + } + } + } +} + +/*------------------------ + Header Style One +--------------------------*/ +.header-style-1 { + position: relative; + + .header-top { + .header-top-left { + .header-notify { + @media #{$lg-layout} { + font-size: 13px; + } + @media #{$md-layout} { + text-align: center; + padding: 15px 0 5px; + } + @media #{$sm-layout} { + text-align: center; + padding: 15px 0 5px; + } + } + } + .header-info { + @media #{$lg-layout} { + margin: 0 -20px; + } + @media #{$sm-layout} { + margin: 0 -10px; + } + li { + @media #{$lg-layout} { + padding: 14px 15px 12px; + font-size: 13px; + } + @media #{$sm-layout} { + padding: 10px; + } + &:after { + @media #{$md-layout} { + height: 50%; + } + @media #{$sm-layout} { + display: none; + } + } + @media only screen and (max-width: 1350px) { + &:nth-last-child(2) { + &:after { + display: none; + } + } + } + &.social-icon { + @media only screen and (max-width: 1350px) { + display: none; + } + } + } + } + } + .header-mainnav { + .mainmenu-nav { + .mainmenu { + @media only screen and (max-width: 1350px) { + justify-content: center; + } + } + } + } + .header-action { + li { + &.search-icon { + display: none; + @media only screen and (max-width: 1699px) { + display: block; + } + } + } + } +} + +/*------------------------ + Header Style Two +--------------------------*/ +.header-style-2 { + .header-mainmenu { + .header-right { + position: relative; + padding-left: 50px; + margin-left: 22px; + @media #{$small-mobile} { + padding-left: 20px; + margin-left: 0px; + } + &:after { + content: ""; + height: 40px; + width: 2px; + background-color: #f2f2f2; + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 0; + } + } + .mainmenu { + justify-content: flex-end; + } + } + .header-action { + margin: 0 -16px; + li { + margin: 0 16px; + &.icon { + a { + .count { + background-color: var(--color-secondary); + } + } + &.cart-icon { + margin-right: 26px; + } + } + } + } + .header-top-bar { + background-color: var(--color-lighten04); + } + .header-top { + .header-info { + li { + color: var(--color-heading); + font-weight: 500; + &:after { + background-color: #e0ddd7; + height: 30px; + display: none; + } + &:first-child { + &:after { + display: block; + } + } + a { + color: var(--color-heading); + + } + i { + color: var(--color-secondary); + } + + } + } + } +} + +/*------------------------ + Header Style Three +--------------------------*/ +.header-style-3 { + .header-mainmenu { + .header-right { + position: relative; + padding-left: 50px; + margin-left: 22px; + @media #{$small-mobile} { + padding-left: 20px; + margin-left: 0px; + } + &:after { + content: ""; + height: 40px; + width: 2px; + background-color: #f2f2f2; + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 0; + } + } + .mainmenu { + justify-content: flex-end; + } + } + .header-action { + margin: 0 -16px; + li { + margin: 0 16px; + &.icon { + &.cart-icon { + margin-right: 26px; + } + } + } + } + .header-top-bar { + background-color: #232323; + } + .header-top { + .header-info { + li { + color: rgba(255,255,255, .7); + font-weight: 500; + &:after { + background-color: rgba(255,255,255, .2); + height: 30px; + display: none; + } + &:first-child { + &:after { + display: block; + } + } + a { + color: rgba(255,255,255, .7); + &:hover { + color: var(--color-white); + } + } + i { + color: var(--color-primary); + } + + } + } + } +} + +/*------------------------ + Header Style Four +--------------------------*/ +.header-style-4 { + position: relative; + &:before { + content: url(../../images/others/shape-19.png); + position: absolute; + top: 0; + left: 0; + @media only screen and (max-width: 1399px) { + display: none; + } + } + &:after { + content: url(../../images/others/shape-20.png); + position: absolute; + top: 0; + right: 0; + z-index: -1; + @media only screen and (max-width: 1399px) { + display: none; + } + } + .header-mainmenu { + box-shadow: none; + background: transparent; + transition: var(--transition); + &.edu-sticky { + box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .05); + } + } + &.header-fullwidth { + .header-mainmenu { + padding-left: 90px; + padding-right: 90px; + @media only screen and (max-width: 1350px) { + padding-left: 40px; + padding-right: 40px; + } + @media only screen and (max-width: 767px) { + padding-left: 0; + padding-right: 0; + } + } + } + .header-navbar { + .header-mainnav { + margin-left: 25px; + @media only screen and (max-width: 1350px) { + margin-left: 0; + } + .mainmenu { + @media only screen and (max-width: 1350px) { + justify-content: center; + } + } + } + } + .header-action { + li { + &.search-icon { + display: none; + @media only screen and (max-width: 1699px) { + display: block; + } + } + } + } +} +/*------------------------ + Header Style Seven +--------------------------*/ +.header-style-7 { + .header-mainmenu { + background-color: transparent; + box-shadow: none; + z-index: 3; + padding-left: 120px; + padding-right: 120px; + @media #{$smlg-device} { + line-height: 90px; + } + @media only screen and (max-width: 1350px) { + padding-left: 40px; + padding-right: 40px; + } + @media only screen and (max-width: 767px) { + padding-left: 0; + padding-right: 0; + } + &.edu-sticky { + box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .05); + } + } + // &.header-fullwidth-1, + + input[type="text"], input[type="password"], + input[type="email"], input[type="number"], + input[type="tel"], textarea { + background-color: transparent; + } + .header-action { + li { + &.search-icon { + display: none; + @media (max-width:1699px) { + display: block; + } + } + } + } + .mainmenu-nav { + .mainmenu { + li { + ul { + &.mega-menu{ + @media (min-width:1350px) and (max-width:1599px) { + left: -430px; + } + @media (max-width:1350px) { + left: -345px; + } + } + } + } + } + } +} + +//remote-training +.remote-training { + .header-mainmenu { + padding-left: 90px; + padding-right: 90px; + + @media (max-width:1250px) { + padding-left: 40px; + padding-right: 40px; + } + @media #{$sm-layout} { + padding-left: 15px; + padding-right: 15px; + } + + &.edu-sticky { + .header-action { + .search-bar { + .input-group { + border: 1px solid #e5e5e5; + } + } + } + } + } + .header-right { + .header-action { + .search-bar { + .input-group { + background: var(--color-white); + border: none; + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/header/_mobilemenu.scss b/public/assets/scss/header/_mobilemenu.scss new file mode 100644 index 0000000..b55bb31 --- /dev/null +++ b/public/assets/scss/header/_mobilemenu.scss @@ -0,0 +1,300 @@ +/*------------------------------ + Popup Menu Styles +--------------------------------*/ +.popup-mobile-menu { + z-index: 9999; + position: fixed; + content: ""; + width: 300px; + height: 100%; + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + visibility: hidden; + opacity: 0; + transition: opacity .5s ease-out; + .inner { + width: 305px; + z-index: 999; + position: absolute; + background: #FFFFFF; + box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06); + height: 100%; + height: 100vh; + display: flex; + flex-direction: column; + opacity: 0; + left: -150px; + transition: all .5s ease-out; + .header-top { + display: flex; + border-bottom: 1px solid var(--color-border); + align-items: center; + justify-content: space-between; + padding: 15px 20px; + .logo { + a { + img { + max-height: 45px; + &.logo-dark { + display: none; + } + &.logo-light { + display: inline-block; + } + } + } + } + + .close-menu { + .close-button { + background: var(--color-white); + border: 0 none; + color: var(--color-heading); + width: 40px; + height: 40px; + font-size: 14px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06); + transition: var(--transition); + &:hover { + background-color: var(--color-primary); + color: var(--color-white); + } + } + } + } + } + + &.active { + visibility: visible; + opacity: 1; + .inner { + opacity: 1; + left: 0; + overflow-y: auto; + } + } + + .mainmenu { + list-style: none; + padding: 0; + margin: 0; + padding: 15px 20px; + li { + margin: 0; + a { + padding: 8px 0; + display: block; + font-size: 16px; + font-weight: 500; + &.active { + color: var(--color-primary) !important; + } + } + & + li { + border-top: 1px solid var(--color-border); + } + } + + .has-droupdown { + .submenu { + padding: 0; + max-width: 100%; + list-style: none; + padding-left: 14px; + display: none; + li { + a { + font-size: 15px; + &.active { + color: var(--color-primary) !important; + } + } + } + } + } + + .has-droupdown{ + > a { + position: relative; + &::after { + position: absolute; + content: "\e942"; + font-family: 'icomoon' !important; + right: 0; + top: 50%; + transform: translateY(-50%); + transition: 0.4s; + font-size: 12px; + } + &.open { + &::after { + content: "\ea0b"; + } + } + } + } + } +} + +.mm-menu{ + padding: 15px 20px; + ul{ + list-style: none; + margin: 0; + padding: 0; + li{ + display: block; + padding: 0; + margin: 0; + &:hover{ + > a,button{ + color: var(--color-primary); + &::after{ + color: var(--color-body); + } + } + } + a,button{ + padding: 8px 0; + display: block; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); + font-size: 16px; + color: var(--color-body); + font-weight: 500; + position: relative; + width: 100%; + text-align: left; + border: none; + background-color: transparent; + transition: .3s; + } + &:not(:last-child) { + margin-bottom: 5px; + } + & + li { + border-top: 1px solid var(--color-border); + } + } + + li.has-droupdown{ + > a,button{ + &::after{ + position: absolute; + content: "\ea78"; + font-family: 'remixicon'!important; + width: 30px; + height: 30px; + background-color: #f3f3f3; + text-align: center; + font-size: 22px; + line-height: 30px; + display: inline-block; + right: 0; + top: 9px; + cursor: pointer; + transition: all 0.3s ease-out; + font-weight: 400; + } + } + &.active { + > a,button{ + &::after{ + content: "\ea4e"; + } + } + } + ul.sub-menu{ + list-style: none; + height: 0; + margin: 0; + padding: 0; + list-style: none; + &.active{ + height: 100%; + } + li{ + margin-left: 15px; + opacity: 0; + &:not(:last-child) { + margin-bottom: 0px; + } + } + } + } + + li.has-droupdown.active{ + > a{ + color: var(--color-primary); + &:after{ + -webkit-transform: rotate(-135deg) translateY(-50%); + transform: rotate(-135deg) translateY(-50%); + } + } + ul.sub-menu.active{ + li{ + visibility: visible; + opacity: 1; + } + } + } + + + } +} + +.body-overlay{ + &.apply{ + position: fixed; + top: 0; + right: 0; + width:100%; + height:100%; + background-color: rgba(0,0,0,.5); + z-index: 999; + transition: .3s; + } +} + +[data-theme='dark'] { + .mm-menu{ + ul{ + li{ + a, + button { + color: var(--color-white); + &:hover { + color: var(--color-primary); + } + } + & + li { + border-color: var(--dark-color-border); + } + &.has-droupdown{ + > a,button{ + color: var(--color-white); + &::after{ + background-color: var(--bg-color-2); + } + &:hover { + color: var(--color-primary); + } + } + } + &:hover { + button { + &::after{ + color: var(--color-white); + } + } + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/header/_nav.scss b/public/assets/scss/header/_nav.scss new file mode 100644 index 0000000..67437fd --- /dev/null +++ b/public/assets/scss/header/_nav.scss @@ -0,0 +1,236 @@ +/*-------------------------- + Navigation Styles +----------------------------*/ +.mli + { + //padding-top: 34px!important; + font-family: var(--font-secondary)!important; + color:#000!important; + font-weight: 600!important; + padding-left: 0!important; + padding-right: 0!important; + } +.mainmenu-nav { + .mainmenu { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + font-family: var(--font-secondary); + > li { + > a { + color: var(--color-heading); + font-size: 15px; + font-weight: 600; + padding: 0 26px; + display: block; + height: 90px; + line-height: 94px; + transition: 0.3s; + @media #{$lg-layout} { + padding: 0 17px; + } + @media #{$md-layout} { + padding: 0 12px; + } + &:hover, + &.active { + color: var(--color-primary) !important; + } + } + } + li { + margin-top: 0; + margin-bottom: 0; + position: relative; + &.has-droupdown { + & > a { + position: relative; + &::after { + position: absolute; + // content: "\e91e"; {menu down arrow hide} + font-family: 'icomoon'; + right: 8px; + top: 0; + font-size: 6px; + font-weight: 400; + @media #{$lg-layout} { + right: 0px; + } + } + } + + .submenu { + min-width: 270px; + height: auto; + position: absolute; + top: 90%; + left: 0; + z-index: 8; + opacity: 0; + visibility: hidden; + text-align: left; + padding: 20px 0 25px; + transition: 0.3s; + background-color: var(--color-white); + box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08); + pointer-events: none; + + .mli + { + padding-top: 34px!important; + } + li { + position: relative; + a { + font-size: 15px; + font-weight: 600; + padding: 5px 30px; + display: block; + color: var(--color-heading); + @extend %transition; + &:hover { + color: var(--color-primary) !important; + background: var(--color-darker); + } + &.active { + color: var(--color-primary) !important; + background: var(--color-darker); + } + } + &.has-droupdown { + > a { + &::after { + transform: rotate(-90deg); + top: 10px; + right: 40px; + } + } + .submenu { + position: absolute; + left: 100%; + top: 90%; + z-index: 90; + opacity: 0; + visibility: hidden; + transition: 0.3s; + } + &:hover { + .submenu { + left: 100%; + top: 0; + z-index: 90; + opacity: 1; + visibility: visible; + } + } + } + } + } + &:hover { + > .submenu { + opacity: 1; + visibility: visible; + top: 100%; + pointer-events: auto; + } + .mega-menu { + opacity: 1; + visibility: visible; + top: 100%; + pointer-events: auto; + .submenu { + pointer-events: auto; + } + } + } + } + ul.mega-menu { + min-width: 1170px; + height: auto; + position: absolute; + top: 90%; + left: -324px; + z-index: 10; + opacity: 0; + visibility: hidden; + padding: 70px 0; + transition: 0.3s; + background-color: var(--color-white); + box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08); + display: grid; + grid-template-columns: repeat(3, 1fr); + pointer-events: none; + @media #{$laptop-device} { + left: -524px; + } + @media only screen and (max-width: 1350px) { + left: -473px; + } + .menu-title { + font-weight: 700; + padding-left: 100px; + margin-bottom: 0; + } + >li { + border-right: 1px solid var(--color-border); + &:last-child { + border-right: 0; + } + } + .submenu { + position: initial; + visibility: visible; + opacity: 1; + box-shadow: none; + padding: 20px 0 0 70px; + } + } + } + } +} +.badge { + display: inline-block; + padding: 0.63em 0.65em 0.35em 0.65em; + font-size: 9px; + font-family: var(--font-secondary); + font-weight: var(--p-bold); + line-height: 1; + color: var(--color-white); + background-color: var(--color-primary); + text-transform: uppercase; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; + margin-left: 5px; +} +.badge-1 { + display: inline-block; + padding: 0.63em 0.65em 0.35em 0.65em; + font-size: 9px; + font-family: var(--font-secondary); + font-weight: var(--p-bold); + line-height: 1; + color: var(--color-white); + background-color: var(--color-secondary); + text-transform: uppercase; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; + margin-left: 5px; +} +.header-style-2, +.header-style-3 { + .mainmenu-nav { + .mainmenu { + li { + ul.mega-menu { + left: auto; + right: -397px; + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/header/_search-popup.scss b/public/assets/scss/header/_search-popup.scss new file mode 100644 index 0000000..fb3a835 --- /dev/null +++ b/public/assets/scss/header/_search-popup.scss @@ -0,0 +1,132 @@ +/*---------------------- + Search Popup +-----------------------*/ +.edu-search-popup { + position: fixed; + top: 0px; + left: 0; + right: 0; + width: 100%; + z-index: 99; + transform: scale(1, 0); + transform-origin: top center; + transition: transform 0.7s ease; + &.open { + transform-origin: top center; + transform: scale(1, 1); + height: 100%; + } + .content-wrap { + background-color: var(--color-white); + width: 100%; + min-height: 560px; + position: relative; + box-shadow: 0px 10px 40px 0 rgba(0,0,0, .08); + display: flex; + align-items: center; + justify-content: center; + padding: 20px; + @media #{$sm-layout} { + min-height: 450px; + } + } + .site-logo { + position: absolute; + top: 60px; + left: 70px; + + img { + &.logo-dark { + display: none; + } + + &.logo-light { + display: inline-block; + } + } + @media #{$smlg-device} { + top: 40px; + left: 20px; + } + } + .close-button { + position: absolute; + right: 62px; + top: 62px; + @media #{$smlg-device} { + top: 50px; + right: 15px; + } + .close-trigger { + background: transparent; + border: none; + color: var(--color-heading); + font-size: 22px; + transition: var(--transition); + &:hover { + color: var(--color-primary); + } + } + } + + .inner { + width: 100%; + max-width: 1170px; + margin: 0 auto; + .search-form { + position: relative; + border-bottom: 1px solid var(--color-border); + input { + height: 90px; + border: 0 none; + border-radius: 5px; + background: transparent; + padding: 0; + padding-right: 55px; + font-weight: 400; + font-family: var(--font-secondary); + font-size: 24px; + @media #{$sm-layout} { + font-size: 16px; + height: 60px; + } + } + .submit-button { + position: absolute; + right: 0; + padding: 0; + margin: 0; + border: 0 none; + outline: none; + color: var(--color-heading); + background: transparent; + top: 50%; + transform: translateY(-50%); + font-size: 24px; + transition: var(--transition); + &:hover { + color: var(--color-primary); + } + @media #{$sm-layout} { + font-size: 20px; + } + } + } + } + &::before { + position: absolute; + background-color: transparent;; + content: ""; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; + } +} + +.no-topbar { + .edu-search-popup { + top: 0px; + } +} \ No newline at end of file diff --git a/public/assets/scss/template/.DS_Store b/public/assets/scss/template/.DS_Store new file mode 100644 index 0000000..269a57e Binary files /dev/null and b/public/assets/scss/template/.DS_Store differ diff --git a/public/assets/scss/template/_404.scss b/public/assets/scss/template/_404.scss new file mode 100644 index 0000000..e0a4417 --- /dev/null +++ b/public/assets/scss/template/_404.scss @@ -0,0 +1,216 @@ +/*------------------- + 404 Error +---------------------*/ +.error-page-area { + position: relative; + >.shape-group { + @extend %liststyle; + li { + position: absolute; + z-index: -1; + &.shape-1 { + bottom: -12px; + left: 50%; + transform: translateX(-50%); + opacity: .3; + } + } + } +} + +.edu-error { + text-align: center; + .thumbnail { + margin-bottom: 60px; + position: relative; + display: inline-block; + @media #{$large-mobile} { + margin-bottom: 50px; + } + .shape-group { + @extend %liststyle; + @media #{$sm-layout} { + display: none; + } + li { + position: absolute; + z-index: -1; + &.shape-1 { + left: -46px; + top: -5px; + opacity: .4; + } + &.shape-2 { + left: 50px; + top: -15px; + } + &.shape-3 { + right: -46px; + top: -25px; + opacity: .4; + } + &.shape-4 { + right: -12px; + top: 40px; + z-index: 1; + } + } + } + } + .content { + .title { + font-size: 50px; + margin-bottom: 10px; + @media #{$sm-layout} { + font-size: 40px; + } + @media #{$large-mobile} { + font-size: 30px; + } + } + .subtitle { + margin-bottom: 65px; + @media #{$large-mobile} { + margin-bottom: 50px; + } + } + .edu-btn { + i { + padding-right: 10px; + font-size: 16px; + top: 1px; + } + } + } +} + +.coming-soon-page-area { + height: 100vh; + width: 100%; + background: var(--gradient-primary); + background-position: center; + background-size: cover; + background-repeat: no-repeat; + display: flex; + align-items: center; + padding: 50px 0; + min-height: 500px; + overflow-y: auto; + position: relative; + z-index: 1; + overflow-y: inherit; + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/bg-image-22.png); + z-index: -1; + } + .shape-group { + @extend %liststyle; + li { + position: absolute; + z-index: -1; + &.shape-1 { + top: 70px; + left: 155px; + @media #{$laptop-device} { + left: -55px; + } + } + &.shape-2 { + top: 240px; + left: 360px; + @media #{$laptop-device} { + left: 105px; + } + } + &.shape-3 { + top: 170px; + right: 19%; + @media #{$laptop-device} { + right: 0; + } + } + &.shape-4 { + top: 50px; + right: 14%; + height: 71px; + width: 71px; + border: 11px solid rgba(255, 255, 255, .2); + border-radius: 50%; + } + } + } +} + +.coming-soon-content { + max-width: 660px; + margin: 0 auto; + text-align: center; + .coming-countdown { + flex-wrap: wrap; + .countdown-section { + @media #{$sm-layout} { + margin: 0 15px 30px; + .countdown-number { + font-size: 35px; + } + &:after { + top: -14px; + right: -20px; + } + } + } + } + .title { + font-size: 90px; + color: var(--color-white); + font-weight: var(--p-extra-bold); + margin-bottom: 70px; + @media #{$smlg-device} { + font-size: 75px; + margin-bottom: 60px; + } + @media #{$md-layout-1} { + font-size: 65px; + margin-bottom: 50px; + } + @media #{$sm-layout} { + font-size: 50px; + margin-bottom: 40px; + } + @media #{$large-mobile} { + font-size: 40px; + margin-bottom: 35px; + } + } + .input-group { + background-color: var(--color-white); + border-radius: 5px; + margin-top: 70px; + align-items: center; + padding: 10px; + @media #{$sm-layout} { + margin-top: 30px; + } + .form-control { + background-color: transparent; + height: 50px; + &:focus { + box-shadow: none; + } + } + .edu-btn { + border-radius: 5px !important; + padding: 0 35px; + @media #{$small-mobile} { + padding: 0 15px; + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_about.scss b/public/assets/scss/template/_about.scss new file mode 100644 index 0000000..7db2a01 --- /dev/null +++ b/public/assets/scss/template/_about.scss @@ -0,0 +1,1069 @@ +/*------------------- + About Styles +---------------------*/ +.about-image-gallery { + position: relative; + padding: 90px 0 60px; + @media #{$md-layout} { + text-align: center; + } + img { + border-radius: 10px; + } + .video-box { + position: absolute; + top: 0; + right: 40px; + @media #{$large-mobile} { + transform: scale(.7); + right: 0; + } + .inner { + padding: 20px; + background-color: var(--color-white); + border-radius: 10px; + box-shadow: 0px 40px 70px rgba(27, 20, 78, 0.1); + .thumb { + position: relative; + text-align: center; + img { + border-radius: 6px; + } + .popup-icon { + cursor: pointer; + position: absolute; + top: 50%; + left: 0; + right: 0; + transform: translateY(-50%); + margin: 0 auto; + height: 60px; + width: 60px; + line-height: 62px; + background-color: var(--color-white); + border-radius: 50%; + color: var(--color-secondary); + font-size: 18px; + i { + margin-left: 5px; + } + &:hover { + background-color: var(--color-primary); + color: var(--color-white); + } + } + } + .loading-bar { + margin: -20px 0; + padding-top: 20px; + span { + display: block; + height: 7px; + background-color: #eaf0f2; + border-radius: 10px; + margin: 20px 0; + &:first-child { + width: 80%; + } + &:nth-child(2n) { + width: 45%; + } + } + } + } + } + .award-status { + position: absolute; + right: 70px; + bottom: 0; + @media #{$small-mobile} { + right: 0; + } + .inner { + display: flex; + padding: 22px 20px 18px 30px; + align-items: center; + box-shadow: 0px 40px 70px rgba(27, 20, 78, 0.1); + background: #FFFFFF; + border-radius: 10px; + .icon { + width: 60px; + height: 60px; + background: rgba(26,182,157,0.1); + display: flex; + justify-content: center; + align-items: center; + border-radius: 50%; + margin-right: 15px; + color: var(--color-primary); + font-size: 30px; + } + .content { + text-align: left; + .title { + color: var(--color-primary); + font-size: 24px; + line-height: 1; + margin-bottom: 0; + } + } + } + } + .shape-group { + li { + @extend %liststyle; + position: absolute; + z-index: -1; + &.shape-1 { + top: 20px; + left: -100px; + @media only screen and (max-width: 991px) { + left: 0; + } + } + &.shape-2 { + bottom: -30px; + right: 130px; + } + } + } +} +.about-content { + padding-left: 30px; + @media only screen and (max-width: 991px) { + padding-left: 0; + } + .section-title { + margin-bottom: 20px; + } + .features-list { + @extend %liststyle; + li { + font-weight: var(--p-medium); + font-family: var(--font-secondary); + color: var(--color-heading); + padding-left: 35px; + position: relative; + margin-bottom: 16px; + margin-top: 16px; + &:before { + content: "\e913"; + font-family: 'icomoon'; + color: var(--color-tertiary); + font-size: 19px; + position: absolute; + left: 0; + top: -3px; + } + } + } +} + +.about-style-1, +.about-style-2 { + position: relative; + .shape-group { + @extend %liststyle; + li { + position: absolute; + top: 107px; + right: -210px; + z-index: -1; + &.shape-1 { + &.circle { + span { + display: block; + height: 101px; + width: 101px; + border: 15px solid var(--color-tertiary); + border-radius: 50%; + } + } + } + @media #{$lg-layout-1} { + right: -110px; + } + @media #{$custom-lg-device-eight} { + right: -50px; + } + } + } +} + +.about-style-1 { + .about-image-gallery { + .shape-group { + li { + @media #{$md-layout-1} { + display: none; + } + &.shape-1 { + top: 20px; + left: -100px; + } + &.shape-2 { + top: 4px; + left: -50px; + } + &.shape-3 { + bottom: -33px; + right: 120px; + top: inherit; + } + } + } + } +} + + +.about-style-2 { + .about-image-gallery { + position: relative; + padding: 80px 0 60px 70px; + @media #{$sm-layout} { + padding: 0; + } + .author-box { + position: absolute; + top: 15px; + right: 0; + max-width: 220px; + @media #{$sm-layout} { + display: none; + } + .inner { + background-color: var(--color-white); + box-shadow: 0px 40px 70px rgba(15, 11, 44, 0.2); + padding: 40px 20px; + border-radius: 10px 40px 10px 80px; + text-align: center; + .thumb { + margin-bottom: 20px; + } + .content { + .title { + margin-bottom: 10px; + } + p { + margin-bottom: 0; + } + } + + } + } + .award-status { + right: auto; + left: 0; + .inner { + box-shadow: 0px 40px 60px rgba(15, 11, 44, 0.15); + border-radius: 30px 10px 50px 10px; + .icon { + background: rgba(238,74,98,0.1); + color: var(--color-secondary); + } + .content { + .title { + color: var(--color-secondary); + } + .subtitle { + color: var(--color-heading); + } + } + } + } + .shape-group { + li { + &.shape-1 { + top: 0; + left: -55px; + right: inherit; + } + &.shape-2 { + top: 0; + left: 0; + bottom: inherit; + right: inherit; + } + &.shape-3 { + top: inherit; + bottom: -15px; + right: -5px; + } + } + } + } + .about-content { + padding-left: 80px; + @media #{$smlg-device} { + padding-left: 30px; + } + @media only screen and (max-width: 991px) { + padding-left: 0; + } + } +} + +.about-style-3 { + padding: 90px 0 120px; + position: relative; + @media #{$md-layout} { + padding: 90px 0 100px; + } + @media #{$sm-layout} { + padding: 80px 0; + } + .about-content { + padding-right: 30px; + padding-left: 0; + @media #{$large-mobile} { + padding-right: 0; + } + .section-title { + margin-bottom: 34px; + } + .nav-tabs { + border-bottom: none; + margin: -8px -16px; + padding-bottom: 20px; + .nav-item { + margin: 8px 16px; + position: relative; + &:after { + content: ""; + height: 14px; + width: 2px; + background-color: #e5e5e5; + position: absolute; + top: 2px; + right: -18px; + } + &:last-child { + &:after { + display: none; + } + } + } + .nav-link { + color: var(--color-heading); + font-size: 17px; + font-weight: var(--p-semi-bold); + font-family: var(--font-secondary); + background-color: transparent; + border: none; + padding: 0; + position: relative; + padding-bottom: 1px; + &:after { + content: ""; + height: 2px; + width: 0; + background-color: var(--color-secondary); + position: absolute; + bottom: 0; + left: 0; + opacity: 0; + transition: var(--transition); + } + &:hover, + &.active { + color: var(--color-secondary); + &:after { + width: 100%; + opacity: 1; + } + } + } + } + .tab-content { + p { + margin-bottom: 20px; + } + .features-list { + li { + &:before { + color: var(--color-secondary); + } + } + } + } + } + .about-image-gallery { + padding: 80px 0 65px 30px; + @media #{$md-layout} { + text-align: left; + padding: 20px 0 65px; + } + @media #{$sm-layout} { + padding: 20px 0 65px; + } + @media #{$small-mobile} { + padding: 0; + } + .main-img-2 { + position: absolute; + bottom: 0; + right: 0; + @media #{$md-layout} { + right: 115px; + } + @media #{$small-mobile} { + display: none; + } + } + .shape-group { + @extend %liststyle; + li { + position: absolute; + z-index: -1; + img { + position: initial; + } + &.shape-1 { + left: inherit; + right: 95px; + top: -15px; + } + &.shape-2 { + left: inherit; + bottom: inherit; + right: 39px; + top: 13px; + z-index: -2; + } + &.shape-3 { + top: inherit; + right: inherit; + left: -2px; + bottom: 33px; + } + &.shape-4 { + right: 40px; + bottom: -25px; + z-index: -1; + span { + display: block; + height: 320px; + width: 320px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + } + } + } + .shape-group { + @extend %liststyle; + @media #{$sm-layout} { + display: none; + } + li { + position: absolute; + z-index: -1; + img { + position: initial; + } + &.shape-5 { + left: 110px; + top: 20px; + @media #{$lg-layout-1} { + left: 0; + top: 0; + } + @media #{$custom-lg-device-eight} { + left: -90px; + } + } + &.shape-6 { + top: -350px; + left: 80px; + z-index: -1; + span { + display: block; + height: 470px; + width: 470px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + @media #{$lg-layout-1} { + left: 0; + } + @media #{$custom-lg-device-eight} { + left: -90px; + } + } + } + } +} + +.about-style-4 { + .about-content { + padding-right: 0; + padding-left: 30px; + .section-title { + p { + margin-top: 26px; + } + } + .features-list { + margin-bottom: 35px; + li { + &:before { + color: var(--color-secondary); + } + } + } + } + .about-image-gallery { + padding: 80px 0 65px; + margin-right: 30px; + .main-img-1 { + background-color: var(--color-white); + padding: 20px; + display: inline-block; + border-radius: 20px; + box-shadow: 0 20px 40px 0 rgba(42, 11, 88, .1); + } + .main-img-2 { + position: absolute; + bottom: 0; + right: 0; + } + .shape-group { + .shape-1 { + left: inherit; + right: 85px; + top: 0; + } + .shape-2 { + right: 31px; + left: inherit; + top: 32px; + z-index: -2; + bottom: inherit; + } + .shape-3 { + right: inherit; + left: -32px; + bottom: 32px; + } + .shape-4 { + right: 70px; + bottom: -25px; + z-index: -1; + span { + display: block; + height: 320px; + width: 320px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + } + } +} + +.about-style-5 { + position: relative; + .section-title { + margin-bottom: 60px; + } + .about-image-gallery { + padding: 0; + .shape-group { + @media #{$smlg-device} { + display: block; + } + li { + &.shape-1 { + top: -40px; + right: -10px; + left: inherit; + bottom: inherit; + z-index: 1; + } + &.shape-2 { + right: auto; + left: -80px; + bottom: -78px; + animation: rotateIt 10s linear infinite; + } + } + } + } + .about-content { + .features-list { + padding-bottom: 18px; + li { + &:before { + color: var(--color-secondary); + } + } + } + } + .shape-group { + @extend %liststyle; + li { + position: absolute; + z-index: -1; + &.shape-1 { + bottom: 80px; + right: 180px; + } + } + } +} + +.about-style-6 { + position: relative; + padding: 90px 0 50px; + background-color: var(--color-white); + z-index: 2; + @media #{$sm-layout} { + padding: 50px 0; + } + @media #{$small-mobile} { + padding: 20px 0 50px; + } + &:after { + content: url(../../images/about/shape-32.png); + position: absolute; + top: -110px; + left: 0; + right: 0; + z-index: 2; + } + .about-content { + .section-title { + margin-bottom: 30px; + p { + margin-top: 25px; + } + } + .about-mission { + margin-bottom: 20px; + .title { + margin-bottom: 14px; + } + p { + margin-bottom: 25px; + } + .features-list { + li { + &:before { + color: var(--color-secondary); + } + } + } + } + } + .about-image-gallery { + padding: 0; + .main-img-2 { + text-align: right; + margin-top: -240px; + @media #{$large-mobile} { + display: none; + } + } + .shape-group { + .shape-1 { + top: 130px; + right: 35px; + left: auto; + } + .shape-2 { + bottom: 240px; + right: auto; + left: -15px; + z-index: 1; + animation: rotateIt 10s linear infinite; + } + .shape-3 { + bottom: 110px; + left: 20px; + } + } + } +} + +.about-style-7 { + position: relative; + .about-image-gallery { + position: relative; + padding: 80px 0 0 70px; + @media #{$sm-layout} { + padding: 0; + } + .main-img-2 { + position: absolute; + right: 0; + top: 15px; + @media #{$sm-layout} { + display: none; + } + } + .shape-group { + @media #{$sm-layout} { + display: none; + } + li { + position: absolute; + z-index: -1; + img { + position: initial; + } + &.shape-1 { + top: 0; + left: -55px; + } + &.shape-2 { + top: 0; + left: 0; + bottom: inherit; + right: inherit; + } + &.shape-3 { + bottom: -60px; + right: -10px; + } + &.shape-4 { + bottom: -80px; + left: 10px; + z-index: 1; + } + } + } + } + .about-content { + padding-right: 80px; + padding-left: 0; + @media #{$smlg-device} { + padding-right: 30px; + } + @media only screen and (max-width: 991px) { + padding-right: 0; + } + .section-title { + p { + margin-bottom: 28px; + margin-top: 30px; + } + } + } + >.shape-group { + >li { + position: absolute; + z-index: -1; + top: 75px; + left: 125px; + height: 100px; + width: 100px; + border: 16px solid #f8b81f; + border-radius: 50%; + @media #{$lg-layout-1} { + left: 20px; + } + @media #{$custom-laptop-device} { + left: -20px; + top: 45px; + } + } + } +} + +.about-style-8 { + position: relative; + &:before { + content: ""; + height: 1030px; + width: 100%; + background: linear-gradient(-90deg, #f5f1eb 0%, rgba(245, 241, 235, .3) 100%); + clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 90%); + position: absolute; + top: 0; + left: 0; + right: 0; + z-index: -1; + } + .about-content { + padding-right: 40px; + padding-left: 0; + @media #{$sm-layout} { + padding-right: 0; + } + .section-title { + p { + margin-top: 30px; + } + } + .about-mission { + display: flex; + align-items: center; + margin-top: 45px; + @media #{$large-mobile} { + display: block; + } + .single-item { + padding-right: 50px; + flex: 1; + @media #{$large-mobile} { + padding-right: 0; + margin-bottom: 30px; + } + &:last-child { + padding-right: 0; + } + .icon { + font-size: 50px; + line-height: 1; + margin-bottom: 25px; + &.color-extra02 { + color: var(--color-extra02); + } + &.color-extra06 { + color: var(--color-extra06); + } + } + .title { + margin-bottom: 10px; + } + } + } + } + .about-image-gallery { + padding: 0; + .thumbnail { + img { + width: 100%; + } + } + .thumbnail-1 { + text-align: right; + margin-top: 40px; + img { + border-radius: 70px 10px 10px 10px; + } + } + .thumbnail-2 { + img { + border-radius: 10px; + } + } + .thumbnail-3 { + text-align: right; + img { + border-radius: 10px 10px 90px 10px; + } + } + .thumbnail-4 { + img { + border-radius: 10px; + } + } + .shape-group { + li { + img { + position: initial; + } + &.shape-1 { + top: 0; + left: -90px; + } + &.shape-2 { + top: -20px; + left: 25px; + bottom: inherit; + right: inherit; + } + &.shape-3 { + bottom: 20px; + right: -70px; + @media only screen and (max-width: 991px) { + display: none; + } + } + &.shape-4 { + bottom: -75px; + right: -165px; + span { + height: 400px; + width: 400px; + border: 1px solid #e8e6e3; + border-radius: 50%; + display: block; + } + } + } + } + } + &:after { + content: ""; + height: 600px; + width: 600px; + border: 1px solid #e8e6e3; + border-radius: 50%; + position: absolute; + top: -175px; + left: -70px; + z-index: -1; + @media #{$lg-layout-1} { + left: -195px; + } + @media #{$custom-laptop-device} { + left: -250px; + } + } +} +.about-style-9 { + .about-image-gallery { + padding: 15px 0 60px 0; + margin-bottom: 34px; + + .author-box { + position: absolute; + right: 38px; + bottom: -36px; + @media #{$sm-layout} { + right: 0; + } + @media (max-width:450px) { + display: none; + } + } + .shape-group { + li { + &.shape-1 { + left: -126px; + top: -19px; + } + &.shape-2 { + left: -63px; + top: -47px; + } + &.shape-3 { + right: -5px; + bottom: 211px; + z-index: 1; + span { + display: block; + height: 101px; + width: 101px; + border: 15px solid var(--color-tertiary); + border-radius: 50%; + } + } + } + } + } + .about-content { + padding-left: 45px; + @media #{$md-layout-1} { + padding-left: 0; + padding-top: 50px; + } + @media (max-width:450px) { + padding-top: 0; + margin-top: -60px; + } + .edu-btn { + margin-top: 25px; + } + .features-list { + li { + font-weight: var(--p-bold); + } + } + } + .shape-group { + li { + &.shape-4 { + right: -150px; + bottom: -60px; + } + } + } +} +.language-about { + .about-image-gallery { + padding: 90px 0 20px; + @media #{$md-layout-1} { + text-align: center; + } + @media #{$small-mobile} { + padding: 90px 0 0 0; + } + .main-img-1 { + border-radius: 200px; + } + .main-img-wrapper { + + .main-img-inner { + position: relative; + right: 34px; + bottom: 50px; + @media #{$md-layout-1} { + right: -105px; + } + @media #{$sm-layout} { + right: -40px; + } + @media #{$large-mobile} { + display: none; + } + .main-img-2 { + border-radius: 120px; + box-shadow: 0px 30px 90px 0px rgba(14, 4, 29, 0.15); + z-index: 1; + } + &::after { + content: ""; + position: absolute; + width: 240px; + height: 320px; + background: var(--color-white); + border-radius: 120px; + bottom: -10px; + right: 20px; + @media #{$md-layout-1} { + right: 134px; + } + @media #{$sm-layout} { + right: 20px; + } + } + } + } + .shape-group { + li { + &.shape-1 { + bottom: 397px; + right: 104px; + top: inherit; + left: inherit; + } + &.shape-2 { + z-index: 12; + } + } + } + } + .about-content { + padding-left: 40px; + padding-right: 0; + padding-top: 40px; + @media #{$sm-layout} { + padding-left: 0; + } + .features-list { + li { + font-weight: var(--p-bold); + } + } + } + .about-btn { + margin-top: 40px; + } + @media #{$md-layout-1} { + padding: 0 0 100px; + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_brand.scss b/public/assets/scss/template/_brand.scss new file mode 100644 index 0000000..4347405 --- /dev/null +++ b/public/assets/scss/template/_brand.scss @@ -0,0 +1,213 @@ +/*------------------- + Brand Styles +---------------------*/ +.brand-section-heading { + padding-right: 60px; + @media #{$large-mobile} { + padding-right: 0; + } +} +.brand-grid-wrap { + display: grid; + grid-template-columns: repeat(4, 1fr); + position: relative; + &:after { + content: ""; + height: 1px; + width: 100%; + background-color: #f0f0f0; + position: absolute; + top: 50%; + left: 0; + right: 0; + transform: translateY(-50%); + } + .brand-grid { + padding: 18px 5px; + text-align: center; + border-right: 1px solid #f0f0f0; + transition: var(--transition); + &:first-child { + border-left: 1px solid #f0f0f0; + } + &:nth-child(5n) { + border-left: 1px solid #f0f0f0; + } + &:hover { + box-shadow: var(--shadow-darker); + } + } + &.brand-style-2 { + grid-template-columns: repeat(6, 1fr); + @media #{$md-layout-1} { + grid-template-columns: repeat(3, 1fr); + } + @media #{$small-mobile} { + grid-template-columns: repeat(2, 1fr); + } + &:after { + display: none; + } + .brand-grid { + padding: 10px 20px; + &:first-child { + border-left: none; + } + &:nth-child(2n) { + @media #{$small-mobile} { + border-right: none; + } + } + &:nth-child(3n) { + @media #{$md-layout-1} { + border-right: none; + } + @media #{$small-mobile} { + border-right: 1px solid #f0f0f0; + } + } + &:nth-child(5n) { + border-left: none; + } + &:last-child { + border-right: none; + } + &:hover { + box-shadow: none; + } + } + } + &.brand-style-3 { + grid-template-columns: repeat(5, 1fr); + @media #{$md-layout-1} { + grid-template-columns: repeat(3, 1fr); + } + @media #{$sm-layout} { + grid-template-columns: repeat(2, 1fr); + } + @media #{$large-mobile} { + grid-template-columns: repeat(1, 1fr); + } + gap: 10px; + &:after { + display: none; + } + .brand-grid { + border: none; + background-color: var(--color-lighten04); + border-radius: 5px; + padding: 30px 0; + opacity: .4; + &:hover { + box-shadow: none; + opacity: 1; + } + } + } +} + +.brand-area-2 { + position: relative; + background: #F9F7F4; + padding: 75px 0; + overflow: hidden; + @media #{$large-mobile} { + padding: 50px 0; + } + .shape-group { + li { + position: absolute; + z-index: -1; + &.shape-1 { + bottom: -170px; + left: -220px; + } + &.shape-2 { + top: -22px; + right: -21px; + z-index: 1; + + @media #{$laptop-device} { + top: -60px; + right: -70px; + } + @media #{$custom-laptop-device} { + display: none; + } + } + } + } +} + +.brand-area-5 { + padding: 400px 0 120px; + background-position: bottom; + position: relative; + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/bg-image-20.svg); + + svg { + background: rgb(247,245,242); + background: linear-gradient( -90deg, rgb(247,245,242) 0%, rgba(247,245,242,0.30196) 50%); + } + } + @media #{$md-layout} { + padding: 380px 0 100px; + } + @media #{$sm-layout} { + padding: 260px 0 80px; + margin-top: 100px; + } + @media #{$md-layout-1} { + background: none; + background-color: #FCFBFA; + } + @media #{$large-mobile} { + padding: 80px 0 80px; + margin-top: 80px; + } +} +.remote-brand { + position: relative; + &::after { + content: ""; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + height: 100%; + width: 100%; + background: url(../../images/bg/bg-image-37.webp); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + z-index: -1; + } + .brand-grid-wrap { + &::after { + background-color: var(--color-white); + } + } + .brand-grid { + border-right: 1px solid var(--color-white); + &:first-child { + border-left: 1px solid var(--color-white); + } + &:nth-child(5n) { + border-left: 1px solid var(--color-white); + } + &:hover { + background: var(--color-white); + } + } +} + + diff --git a/public/assets/scss/template/_call_to_action.scss b/public/assets/scss/template/_call_to_action.scss new file mode 100644 index 0000000..affcf42 --- /dev/null +++ b/public/assets/scss/template/_call_to_action.scss @@ -0,0 +1,535 @@ +/*------------------- + Call To Action Styles +---------------------*/ +.edu-cta-banner-area { + padding: 102px 0; + background-color: #f0f4f5; + position: relative; + z-index: 1; + + &::before { + content: ''; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 100%; + background-image: url(../../images/cta/cta.svg); + filter: brightness(0) saturate(100%) invert(52%) sepia(75%) saturate(451%) hue-rotate(121deg) brightness(96%) contrast(90%); + background-position: center bottom; + background-repeat: no-repeat; + background-size: cover; + } + @media #{$md-layout} { + padding: 80px 0 70px; + } + @media #{$sm-layout} { + padding: 80px 0 70px; + } + + .shape-group { + @media #{$md-layout} { + display: none; + } + @media #{$sm-layout} { + display: none; + } + } +} +.cta-banner-2 { + position: relative; + background-color: #f7f5f2; + z-index: 1; + overflow: hidden; + + &::before { + display: none + } + .shape-group { + @extend %liststyle; + li { + margin: 0; + position: absolute; + z-index: -1; + &.shape-1 { + top: 30px; + left: 100px; + } + &.shape-2 { + bottom: -20px; + left: 17%; + } + &.shape-3 { + bottom: 60px; + right: 120px; + } + &.shape-4 { + top: 10px; + right: 18%; + } + &.shape-5 { + bottom: -55px; + left: 50%; + transform: translateX(-50%); + img { + opacity: 1; + transform: scaleX(1); + } + } + } + } +} + +.cta-banner-3 { + padding: 220px 0 130px; + position: relative; + z-index: 1; + background-color: transparent; + + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/bg-image-4.svg); + filter: brightness(0) saturate(100%) invert(93%) sepia(4%) saturate(983%) hue-rotate(324deg) brightness(104%) contrast(94%); + z-index: -1; + } + @media #{$sm-layout} { + padding: 150px 0 80px; + } + .edu-cta-banner { + .section-title { + .title { + margin-bottom: 40px; + } + } + .newsletter-form { + width: 82%; + margin: 0 auto; + @media #{$sm-layout} { + width: 100%; + } + } + } + .shape-group { + @extend %liststyle; + @media #{$smlg-device} { + display: block; + } + @media #{$md-layout-1} { + display: none; + } + li { + margin: 0; + position: absolute; + z-index: -1; + &.shape-1 { + bottom: -70px; + left: -290px; + z-index: 0; + @media #{$laptop-device, $smlg-device} { + left: -60px; + } + img { + @media #{$laptop-device, $smlg-device} { + width: 60%; + } + } + } + &.shape-2 { + bottom: -105px; + right: -175px; + z-index: 0; + @media #{$laptop-device} { + right: -100px; + bottom: -25px; + } + @media #{$smlg-device} { + right: -130px; + bottom: -25px; + } + img { + @media #{$laptop-device, $smlg-device} { + width: 70%; + } + } + } + &.shape-3 { + top: -70px; + left: 119px; + img { + opacity: .3; + @media #{$laptop-device, $smlg-device} { + width: 70%; + } + } + } + &.shape-4 { + bottom: -115px; + right: 180px; + img { + opacity: .3; + @media #{$laptop-device, $smlg-device} { + width: 70%; + } + } + } + } + } +} + +.health-coach-wrapper { + background-image: url(../../images/bg/bg-image-33.webp); + width: 100%; + height: 100%; + background-size: cover; + background-position: center; + background-repeat: no-repeat; + &.cta-banner-7 { + &::before { + display: none; + } + .input-group { + align-items: center; + justify-content: center; + @media #{$small-mobile} { + display: block; + } + + input { + width: 50%; + display: block; + flex: none; + margin-right: 20px; + border-radius: 5px !important; + @media #{$small-mobile} { + width: 100%; + margin-bottom: 20px; + } + } + button { + &.btn-medium { + height: 60px; + line-height: 61px; + border-radius: 5px !important; + @media #{$small-mobile} { + width: 100%; + } + } + } + } + } +} + +.edu-cta-banner { + position: relative; + z-index: 1; + .section-title { + margin-bottom: 0; + .title { + margin-bottom: 28px; + } + } + .shape-group { + @extend %liststyle; + @media #{$sm-layout} { + display: none; + } + li { + position: absolute; + z-index: -1; + &.shape-1 { + bottom: 0; + left: -130px; + } + &.shape-2 { + top: -105px; + right: -160px; + } + } + } +} +.university-cta-wrapper { + background-color: #f7f5f2; + + &.edu-cta-banner-area { + &::before { + filter: brightness(0) saturate(100%) invert(90%) sepia(23%) saturate(5531%) hue-rotate(343deg) brightness(101%) contrast(94%); + + } + } +} +.online-academy-cta-wrapper { + &.edu-cta-banner-area { + background-image: url(../../images/cta/h-4-cta-compressed.webp); + + &::before { + background-image: url(../../images/cta/h-4-cta.svg); + filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(10%) hue-rotate(90deg) brightness(105%) contrast(90%); + -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(10%) hue-rotate(90deg) brightness(105%) contrast(90%); + background-size: cover; + background-repeat: no-repeat; + } + } +} + +.home-one-cta-wrapper, +.university-cta-wrapper, +.online-academy-cta-wrapper { + overflow: hidden; + .edu-cta-banner { + .shape-group { + li{ + &.shape-01 { + top: 109px; + left: -68px; + } + &.shape-02 { + bottom: 29px; + left: 11px; + } + &.shape-03 { + top: -61px; + right: -168px; + z-index: 0; + } + &.shape-04 { + top: -126px; + right: -118px; + } + } + } + } +} + +.cta-area-2 { + position: relative; + z-index: 1; + margin-top: -70px; + + .edu-cta-box { + &::before { + filter: brightness(0) saturate(100%) invert(56%) sepia(0%) saturate(0%) hue-rotate(221deg) brightness(90%) contrast(90%); + } + } +} + +.edu-cta-box { + background: var(--gradient-primary); + border-radius: 10px; + padding: 50px 50px; + position: relative; + + &::before { + content: ''; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/cta-bg-imgae-07.png); + background-size: cover; + background-repeat: no-repeat; + } + @media #{$sm-layout} { + padding: 40px 30px; + } + &.home-one-cta, + &.home-four-cta { + .title { + a { + &:hover { + color: rgba(255, 255, 255, 0.85); + } + } + } + .shape-group { + li{ + &.shape-01 { + top: -11px; + left: -118px; + } + &.shape-02 { + top: -31px; + left: -63px; + z-index: -2; + } + &.shape-03 { + bottom: -50px; + right: -45px; + } + } + } + } + .inner { + display: flex; + justify-content: center; + align-items: center; + position: relative; + z-index: 1; + @media #{$sm-layout} { + flex-direction: column; + text-align: center; + } + .content { + font-family: var(--font-secondary); + .subtitle { + font-weight: var(--p-medium); + font-size: 18px; + color: #fff; + } + .title { + font-size: 23px; + margin-bottom: 0; + color: #fff; + @media #{$sm-layout} { + font-size: 20px; + } + } + } + .sparator { + margin: 0 30px; + @media #{$sm-layout} { + margin: 15px 0; + } + span { + display: block; + text-align: center; + height: 70px; + width: 70px; + line-height: 60px; + border: 4px solid rgba(26, 182, 157, .2); + border-radius: 50%; + font-size: 24px; + font-weight: var(--p-semi-bold); + color: var(--color-primary); + background-color: #fff; + + } + } + } + .shape-group { + @extend %liststyle; + li { + position: absolute; + z-index: -1; + margin: 0; + &.shape-1 { + top: -31px; + left: -118px; + } + &.shape-2 { + bottom: -50px; + right: -45px; + } + } + } + &.cta-style-3 { + background: var(--color-secondary); + @media #{$sm-layout} { + padding: 40px 30px; + } + .inner { + .content { + .subtitle { + color: var(--color-white); + } + .title { + color: var(--color-white); + font-weight: var(--p-semi-bold); + } + } + .sparator { + span { + border: 4px solid rgba(238, 74, 98, .7); + color: var(--color-secondary); + } + } + + } + } + &.cta-style-2 { + background: var(--color-tertiary); + .inner { + .content { + .subtitle { + color: var(--color-heading); + } + .title { + a { + color: var(--color-heading); + &:hover { + color: rgba(24, 24, 24, .75); + } + } + } + } + .sparator { + span { + color: #000; + border-color: rgba(20, 20, 23, 0.1); + } + } + } + } +} + + +.newsletter-form { + .input-group { + @media #{$large-mobile} { + display: block; + text-align: left; + } + .form-control { + height: 60px; + border-radius: 5px !important; + background-color: var(--color-white); + border: none; + color: var(--color-heading); + padding: 0 40px; + @media #{$sm-layout} { + height: 50px; + } + @media #{$large-mobile} { + width: 100%; + } + /* -- Placeholder -- */ + &::placeholder { + color: var(--color-heading); + /* Firefox */ + opacity: 1; + } + + &:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: var(--color-heading); + opacity: 1; + } + + &::-ms-input-placeholder { + /* Microsoft Edge */ + color: var(--color-heading); + opacity: 1; + } + &:focus { + box-shadow: none; + } + } + button { + border-radius: 30px 5px !important; + margin-left: 20px !important; + padding: 0 40px; + @media #{$large-mobile} { + margin: 20px 0 0 !important; + } + &:hover { + border-radius: 5px 30px !important; + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_campus.scss b/public/assets/scss/template/_campus.scss new file mode 100644 index 0000000..8333e75 --- /dev/null +++ b/public/assets/scss/template/_campus.scss @@ -0,0 +1,115 @@ +/*------------------- + Campus Styles +---------------------*/ +.campus-thumbnail { + .thumbnail { + img { + border-radius: 5px; + @media #{$smlg-device} { + width: 100%; + } + } + } +} +.campus-content { + box-shadow: var(--shadow-darker); + border-radius: 0 5px 5px 5px; + padding: 60px 50px 60px 70px; + background-color: var(--color-white); + margin-left: -120px; + margin-top: 90px; + @media #{$smlg-device} { + margin-left: 0; + margin-top: 20px; + } + @media #{$large-mobile} { + box-shadow: none; + padding: 0; + } + .features-box { + background-color: transparent; + box-shadow: none; + padding: 0; + display: flex; + text-align: left; + margin-bottom: 24px; + &:last-child { + margin-bottom: 0; + } + .icon { + font-size: 48px; + margin-right: 20px; + margin-bottom: 0; + .fitness-icon { + font-size: 32px; + } + } + .content { + flex: 1; + .title { + margin-bottom: 12px; + } + p { + color: var(--color-body); + } + } + } +} + +.edu-campus-area { + position: relative; + .campus-image-gallery { + position: relative; + .shape-1 { + z-index: -1; + bottom: -220px; + left: -235px; + span { + display: block; + height: 470px; + width: 470px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + .shape-2 { + bottom: -84px; + left: -144px; + } + .shape-3 { + bottom: -118px; + left: -85px; + } + } + .campus-content { + position: relative; + .shape-4 { + z-index: -1; + top: -140px; + right: -158px; + span { + display: block; + height: 320px; + width: 320px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + .shape-5 { + top: -33px; + right: -64px; + span { + display: block; + height: 150px; + width: 150px; + border-radius: 100%; + background: #F3F8FA; + } + } + .shape-6 { + top: -80px; + right: -28px; + z-index: 0; + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_categorie.scss b/public/assets/scss/template/_categorie.scss new file mode 100644 index 0000000..8279baa --- /dev/null +++ b/public/assets/scss/template/_categorie.scss @@ -0,0 +1,479 @@ +/*------------------- + Categorie Styles +---------------------*/ +.categorie-area-3 { + position: relative; + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/bg-image-4.webp); + background-size: cover; + z-index: -1; + } +} + +.categorie-grid { + padding: 50px 30px; + text-align: center; + border-radius: 5px; + transition: var(--transition); + .icon { + height: 80px; + width: 80px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 48px; + margin: 0 auto 28px; + transition: var(--transition); + } + .content { + .title { + margin-bottom: 15px; + transition: var(--transition); + } + p { + color: var(--color-heading); + margin-bottom: 25px; + transition: var(--transition); + } + .course-remain { + font-weight: 500; + display: inline-block; + padding: 2px 18px; + border-radius: 5px; + transition: var(--transition); + } + } + &:hover { + .content { + .title { + color: var(--color-white); + } + p { + color: var(--color-white); + } + } + .icon { + svg { + path { + stroke: var(--color-white); + } + } + } + } + &.color-primary-style { + background-color: rgba(26,182,157, .07); + .icon, + .course-remain { + background-color: rgba(26,182,157, .1); + color: var(--color-primary); + } + &:hover { + background-color: rgba(26,182,157, 1); + .icon, + .course-remain { + background-color: rgba(255,255,255, .15); + color: var(--color-white); + } + } + } + &.color-secondary-style { + background-color: rgba(238,74,98, .07); + .icon, + .course-remain { + background-color: rgba(238,74,98, .1); + color: var(--color-secondary); + } + &:hover { + background-color: rgba(238,74,98, 1); + .icon, + .course-remain { + background-color: rgba(255,255,255, .15); + color: var(--color-white); + } + } + } + &.color-tertiary-style { + background-color: rgba(248,184,31, .07); + .icon, + .course-remain { + background-color: rgba(248,184,31, .1); + color: var(--color-tertiary); + } + &:hover { + background-color: rgba(248,184,31, 1); + .icon, + .course-remain { + background-color: rgba(255,255,255, .15); + color: var(--color-white); + } + } + } + &.color-extra01-style { + background-color: rgba(14,205,115, .07); + .icon, + .course-remain { + background-color: rgba(14,205,115, .1); + color: var(--color-extra01); + } + &:hover { + background-color: rgba(14,205,115, 1); + .icon, + .course-remain { + background-color: rgba(255,255,255, .15); + color: var(--color-white); + } + } + } + &.color-extra02-style { + background-color: rgba(142,86,255, .07); + .icon, + .course-remain { + background-color: rgba(142,86,255, .1); + color: var(--color-extra02); + } + svg { + path { + fill: var(--color-extra02) !important; + } + } + &:hover { + background-color: rgba(142,86,255, 1); + .icon, + .course-remain { + background-color: rgba(255,255,255, .15); + color: var(--color-white); + } + svg { + path { + fill: var(--color-white) !important; + } + } + } + } + &.color-extra03-style { + background-color: rgba(249,37,150, .07); + .icon, + .course-remain { + background-color: rgba(249,37,150, .1); + color: var(--color-extra03); + } + &:hover { + background-color: rgba(249,37,150, 1); + .icon, + .course-remain { + background-color: rgba(255,255,255, .15); + color: var(--color-white); + } + } + } + &.color-extra04-style { + background-color: rgba(88,102,235, .07); + .icon, + .course-remain { + background-color: rgba(88,102,235, .1); + color: var(--color-extra04); + } + &:hover { + background-color: rgba(88,102,235, 1); + .icon, + .course-remain { + background-color: rgba(255,255,255, .15); + color: var(--color-white); + } + } + } + &.color-extra05-style { + background-color: rgba(248,148,31, .07); + .icon, + .course-remain { + background-color: rgba(248,148,31, .1); + color: var(--color-extra05); + } + &:hover { + background-color: rgba(248,148,31, 1); + .icon, + .course-remain { + background-color: rgba(255,255,255, .15); + color: var(--color-white); + } + } + } + &.color-extra06-style { + background-color: rgba(57,192,250, .07); + .icon, + .course-remain { + background-color: rgba(57,192,250, .1); + color: var(--color-extra06); + } + svg { + path { + fill: var(--color-extra06) !important; + } + } + &:hover { + background-color: rgba(57,192,250, 1); + .icon, + .course-remain { + background-color: rgba(255,255,255, .15); + color: var(--color-white); + } + svg { + path { + fill: var(--color-white) !important; + } + } + } + } + &.color-extra07-style { + background-color: rgba(218,4,248, .07); + .icon, + .course-remain { + background-color: rgba(218,4,248, .1); + color: var(--color-extra07); + } + &:hover { + background-color: rgba(218,4,248, 1); + .icon, + .course-remain { + background-color: rgba(255,255,255, .15); + color: var(--color-white); + } + } + } + &.color-extra08-style { + background-color: rgba(70,100,228, .07); + .icon, + .course-remain { + background-color: rgba(70,100,228, .1); + color: var(--color-extra08); + } + &:hover { + background-color: rgba(70,100,228, 1); + .icon, + .course-remain { + background-color: rgba(255,255,255, .15); + color: var(--color-white); + } + } + } + &.categorie-style-2 { + padding: 16px 30px; + display: flex; + align-items: center; + text-align: left; + min-height: 80px; + .icon { + background-color: transparent; + margin-bottom: 0; + justify-content: flex-start; + height: auto; + width: auto; + min-width: 84px; + .art-design { + font-size: 45px; + } + .personal-development { + font-size: 44px; + } + .health-fitness { + font-size: 46px; + } + .data-science { + font-size: 41px; + } + .computer-science { + font-size: 33px; + } + .video-photography { + font-size: 37px; + } + } + .content { + flex: 1; + .title { + margin-bottom: 0; + font-size: 15px; + font-weight: var(--p-semi-bold); + } + } + &:hover { + .icon { + background-color: transparent; + } + } + } + &.categorie-style-3 { + background-color: var(--color-white); + padding: 40px 20px 35px; + box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05); + + + .icon { + font-size: 40px; + &.laptop-icon { + font-size: 34px; + } + &.design-pencil-icon { + font-size: 34px; + } + } + .content { + .title { + font-size: 18px; + color: var(--color-heading); + } + } + &.color-primary-style { + .content { + .title { + &:hover { + color: var(--color-primary); + } + } + } + } + &.color-secondary-style { + .content { + .title { + &:hover { + color: var(--color-secondary); + } + } + } + } + &.color-extra01-style { + .content { + .title { + &:hover { + color: var(--color-extra01); + } + } + } + } + &.color-extra02-style { + .content { + .title { + &:hover { + color: var(--color-extra02); + } + } + } + } + &.color-extra03-style { + .content { + .title { + &:hover { + color: var(--color-extra03); + } + } + } + } + &.color-extra04-style { + .content { + .title { + &:hover { + color: var(--color-extra04); + } + } + } + } + &.color-extra05-style { + .content { + .title { + &:hover { + color: var(--color-extra05); + } + } + } + } + &.color-extra06-style { + .content { + .title { + &:hover { + color: var(--color-extra06); + } + } + } + } + &.color-extra07-style { + .content { + .title { + &:hover { + color: var(--color-extra07); + } + } + } + } + &.color-tertiary-style { + .content { + .title { + &:hover { + color: var(--color-tertiary); + } + } + } + } + &:hover { + background-color: var(--color-white); + box-shadow: 0px 10px 45px 0px rgba(0,0,0,0.1); + &.color-primary-style { + .icon { + background-color: var(--color-primary); + } + } + &.color-secondary-style { + .icon { + background-color: var(--color-secondary); + } + } + &.color-extra01-style { + .icon { + background-color: var(--color-extra01); + } + } + &.color-extra02-style { + .icon { + background-color: var(--color-extra02); + } + } + &.color-extra03-style { + .icon { + background-color: var(--color-extra03); + } + } + &.color-extra04-style { + .icon { + background-color: var(--color-extra04); + } + } + &.color-extra05-style { + .icon { + background-color: var(--color-extra05); + } + } + &.color-extra06-style { + .icon { + background-color: var(--color-extra06); + } + } + &.color-extra07-style { + .icon { + background-color: var(--color-extra07); + } + } + &.color-tertiary-style { + .icon { + background-color: var(--color-tertiary); + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_contact.scss b/public/assets/scss/template/_contact.scss new file mode 100644 index 0000000..58628b3 --- /dev/null +++ b/public/assets/scss/template/_contact.scss @@ -0,0 +1,214 @@ +/*------------------- + Contact Styles +---------------------*/ +.contact-me { + .inner { + display: flex; + align-items: center; + @media #{$sm-layout} { + display: block; + text-align: center; + } + } + + .thumbnail { + margin-right: 130px; + position: relative; + z-index: 1; + @media #{$md-layout} { + margin-right: 50px; + } + @media #{$sm-layout} { + margin-bottom: 40px; + margin-right: 0; + } + .thumb { + box-shadow: 0px 20px 40px 0px rgba(42,11,88,0.1); + border-radius: 50%; + @media #{$sm-layout} { + display: inline-block; + } + img { + border-radius: 50%; + } + } + .shape-group { + @extend %liststyle; + @media #{$sm-layout} { + display: none; + } + li { + margin: 0; + position: absolute; + z-index: -1; + &.shape-1 { + top: -45px; + right: 30px; + } + &.shape-2 { + top: -20px; + right: -30px; + z-index: 1; + @media #{$md-layout} { + display: none; + } + } + &.shape-3 { + bottom: -15px; + left: -40px; + } + } + } + } + + .contact-us-info { + flex: 1; + } +} + +.contact-us-info { + .heading-title { + margin-bottom: 26px; + } + .address-list { + @extend %liststyle; + li { + .title { + margin-bottom: 5px; + } + p { + margin-bottom: 20px; + } + } + } + .social-share { + padding-top: 12px; + } +} + +.contact-me-area { + .contact-us-info { + .social-share { + @media #{$sm-layout} { + justify-content: center; + } + } + } +} + +.contact-form-area { + background-color: var(--color-lighten01); + position: relative; + z-index: 1; + overflow: hidden; + .shape-group { + @extend %liststyle; + @media only screen and (max-width: 991px) { + display: none; + } + li { + position: absolute; + z-index: -1; + &.shape-1 { + top: 32%; + left: 13%; + } + &.shape-2 { + top: 32%; + left: 9%; + } + &.shape-3 { + top: -200px; + right: -110px; + span { + display: block; + height: 476px; + width: 476px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + &.shape-4 { + top: 150px; + right: 135px; + } + } + } +} + +.contact-form { + &.form-style-2 { + padding: 70px; + box-shadow: var(--shadow-darker); + background-color: var(--color-white); + border-radius: 5px; + margin-bottom: -80px; + position: relative; + @media #{$small-mobile} { + padding: 40px; + } + .section-title { + margin-bottom: 5px; + p { + margin-top: 10px; + margin-bottom: 0; + } + } + .form-group { + margin-bottom: 0; + input, textarea { + border-bottom: 1px solid var(--color-border); + border-radius: 0; + padding: 20px 0 10px; + } + .edu-btn { + margin-top: 40px; + } + } + .shape-group { + @extend %liststyle; + @media only screen and (max-width: 991px) { + display: none; + } + li { + position: absolute; + z-index: -1; + &.shape-1 { + top: -60px; + right: -90px; + } + &.shape-2 { + top: -80px; + right: -10px; + z-index: 1; + + } + } + } + } + .error-msg, + .success-msg { + p { + margin-top: 10px; + margin-bottom: 0; + } + } +} + +.contact-us-area { + padding: 120px 0 0; + @media #{$md-layout} { + padding: 100px 0 0; + } + @media #{$sm-layout} { + padding: 80px 0 0; + } +} + +.google-map-area { + #gmap_canvas { + width: 100%; + height: 600px; + margin-bottom: -8px; + } +} diff --git a/public/assets/scss/template/_counterup.scss b/public/assets/scss/template/_counterup.scss new file mode 100644 index 0000000..e8271f1 --- /dev/null +++ b/public/assets/scss/template/_counterup.scss @@ -0,0 +1,473 @@ +/*------------------- + Counterup Styles +---------------------*/ +.edu-counterup { + border-radius: 10px; + text-align: center; + padding: 38px 30px; + @media #{$small-mobile} { + padding: 25px; + } + .odometer.odometer-auto-theme .odometer-digit .odometer-value { + @media #{$sm-layout} { + line-height: 1.2; + } + } + .count-number { + margin-bottom: 5px; + span, + em { + font-family: var(--font-secondary); + font-weight: var(--p-extra-bold); + } + + &.primary-color { + color: var(--color-primary); + } + + &.secondary-color { + color: var(--color-secondary); + } + + &.extra02-color { + color: var(--color-extra02); + } + + &.extra05-color { + color: var(--color-extra05); + } + } + .title { + margin-bottom: 0; + font-size: 13px; + text-transform: uppercase; + font-weight: var(--p-medium); + } + &.counterup-style-1 { + box-shadow: 0px 10px 30px 6px rgba(0, 0, 0, 0.07); + } + &.counterup-style-3 { + padding: 0; + border-radius: 0; + position: relative; + + &:after { + content: ""; + height: 100%; + width: 1px; + background-color: var(--color-border); + position: absolute; + top: 50%; + right: -15px; + transform: translateY(-50%); + @media #{$large-mobile} { + display: none; + } + } + + &.border-none { + &:after { + display: none; + @media #{$md-layout} { + display: block; + } + @media #{$sm-layout} { + display: block; + } + @media #{$large-mobile} { + display: none; + } + } + } + } + &.counterup-style-4 { + box-shadow: 0px 30px 70px 0px rgba(16, 12, 47, 0.05); + border-radius: 4px; + background-color: var(--color-white); + .icon { + text-align: center; + height: 90px; + width: 90px; + line-height: 95px; + border-radius: 50%; + font-size: 50px; + margin: 0 auto 25px; + &.primary-color { + background-color: rgba(26, 182, 157, .1); + color: var(--color-primary); + } + &.secondary-color { + background-color: rgba(255, 91, 92, .1); + color: var(--color-secondary); + } + &.extra08-color { + background-color: rgba(70, 100, 228, .1); + color: var(--color-extra08); + } + &.extra05-color { + background-color: rgba(248, 150, 36, .1); + color: var(--color-extra05); + } + } + .count-number { + span { + font-weight: var(--p-bold); + } + } + } + &.counterup-style-5 { + &.primary-color { + background-color: rgba(26, 182, 157, .1); + .count-number { + color: var(--color-primary); + } + } + &.secondary-color { + background-color: rgba(255, 91, 92, .1); + .count-number { + color: var(--color-secondary); + } + } + &.extra02-color { + background-color: rgba(142, 86, 255, .1); + .count-number { + color: var(--color-extra02); + } + } + &.extra05-color { + background-color: rgba(248, 150, 36, .1); + .count-number { + color: var(--color-extra05); + } + } + } + + &.counterup-style-6 { + position: relative; + padding: 5px 0; + &:after { + content: ""; + height: 100%; + width: 1px; + background-color: rgba(255,255,255, .2); + position: absolute; + top: 50%; + right: -15px; + transform: translateY(-50%); + } + &.border-none { + &:after { + display: none; + } + } + .icon { + font-size: 60px; + color: var(--color-white); + line-height: 1; + margin-bottom: 10px; + } + .count-number { + color: var(--color-white); + } + .title { + color: var(--color-white); + } + } +} + +.counterup-area-2 { + position: relative; + z-index: 1; + &:before { + content: ""; + height: 53%; + width: 100%; + background-color: var(--color-lighten01); + position: absolute; + top: 0; + left: 0; + right: 0; + z-index: -1; + } + .counterup-box-wrap { + background-color: var(--color-white); + box-shadow: 0px 30px 70px 0px rgba(16, 12, 47, 0.08); + border-radius: 10px; + padding: 70px; + position: relative; + @media #{$sm-layout} { + padding: 40px; + } + @media #{$large-mobile} { + padding: 10px; + } + .counterup-box { + display: grid; + grid-template-columns: repeat(2, 1fr); + position: relative; + @media #{$small-mobile} { + grid-template-columns: repeat(1, 1fr); + } + .edu-counterup { + border-radius: 0; + &:first-child { + border-right: .8px solid var(--color-border); + @media #{$small-mobile} { + border-right: none; + } + } + &:nth-child(3) { + border-right: .8px solid var(--color-border); + @media #{$small-mobile} { + border-right: none; + } + } + } + &.counterup-box-1 { + border-bottom: .8px solid var(--color-border); + @media #{$small-mobile} { + border-bottom: none; + } + } + } + + .shape-group { + @media #{$md-layout-1} { + display: none; + } + li { + position: absolute; + z-index: -1; + &.shape-1 { + top: -80px; + left: -90px; + } + + &.shape-2 { + top: -100px; + left: -15px; + z-index: 1; + } + + &.shape-3 { + bottom: -60px; + right: -70px; + } + + &.shape-4 { + bottom: -63px; + right: 30px; + } + } + } + } +} + + +.counterup-area-3 { + :nth-child(2), + :nth-child(4) { + .edu-counterup { + &.counterup-style-3 { + &:after { + @media #{$md-layout-1} { + width: 0px; + } + } + } + } + } +} + +.counterup-area-4 { + margin-top: -160px; + position: relative; +} + +.counterup-area-6 { + background: var(--gradient-primary); + padding: 65px 0; + :nth-child(2) { + .counterup-style-6{ + &:after { + @media #{$md-layout-1} { + width: 0px; + } + } + } + } +} + +.counterup-area-7 { + position: relative; + z-index: 1; + background-color: var(--color-lighten04); + .counterup-content { + padding-right: 80px; + padding-top: 30px; + } + .counterup-box-wrap { + background-color: var(--color-white); + box-shadow: 0px 30px 70px 0px rgba(16, 12, 47, 0.08); + border-radius: 10px; + padding: 70px; + position: relative; + @media #{$sm-layout} { + padding: 40px; + } + @media #{$large-mobile} { + padding: 10px; + } + .counterup-box { + display: grid; + grid-template-columns: repeat(2, 1fr); + position: relative; + @media #{$small-mobile} { + grid-template-columns: repeat(1, 1fr); + } + .edu-counterup { + border-radius: 0; + &:first-child { + border-right: .8px solid var(--color-border); + @media #{$small-mobile} { + border-right: none; + } + } + &:nth-child(3) { + border-right: .8px solid var(--color-border); + @media #{$small-mobile} { + border-right: none; + } + } + } + &.counterup-box-1 { + border-bottom: .8px solid var(--color-border); + @media #{$small-mobile} { + border-bottom: none; + } + } + } + + .shape-group { + li { + position: absolute; + z-index: -1; + img { + @media #{$sm-layout} { + transform: scale(.5); + animation: none; + } + } + &.shape-1 { + top: -80px; + left: -90px; + } + + &.shape-2 { + top: -100px; + left: -15px; + z-index: 1; + } + + &.shape-3 { + bottom: -60px; + right: -90px; + } + + &.shape-4 { + bottom: -63px; + right: 30px; + } + } + } + } +} + +.counterup-area-8 { + position: relative; + .shape-group { + li { + position: absolute; + z-index: -1; + img { + opacity: .9; + } + &.shape-1 { + bottom: -70px; + left: 50%; + transform: translateX(-50%); + } + } + } +} + +.counterup-area-9 { + .shape-group { + li { + &.shape-1 { + bottom: -34px; + right: -54px; + } + } + } +} +.counterup-area-11 { + background: var(--gradient-primary); + padding: 65px 0; + .counterup-style-6{ + display: flex; + @media #{$large-mobile} { + display: block; + } + &:after { + display: none; + } + .icon { + width: 100px; + height: 100px; + border-radius: 50%; + background-color: rgba(255, 255, 255, 0.149); + line-height: 104px; + @media #{$lg-layout} { + width: 80px; + height: 80px; + line-height: 82px; + font-size: 45px; + } + @media #{$large-mobile} { + text-align: center; + display: inline-block; + } + &.icon-flower { + font-size: 47px; + @media #{$lg-layout} { + font-size: 40px; + } + } + } + .counterup-wrapper { + margin-left: 20px; + margin-top: 15px; + text-align: left; + .count-number { + text-align: left; + @media #{$lg-layout} { + font-size: 30px; + } + @media #{$large-mobile} { + text-align: center; + } + } + .title { + @media #{$large-mobile} { + text-align: center; + } + } + } + } +} +.counterup-area-12 { + .edu-counterup { + padding: 0; + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_course-sidebar.scss b/public/assets/scss/template/_course-sidebar.scss new file mode 100644 index 0000000..d039afb --- /dev/null +++ b/public/assets/scss/template/_course-sidebar.scss @@ -0,0 +1,3 @@ +/*------------------- + Course Sidebar +---------------------*/ \ No newline at end of file diff --git a/public/assets/scss/template/_course-widget.scss b/public/assets/scss/template/_course-widget.scss new file mode 100644 index 0000000..d039afb --- /dev/null +++ b/public/assets/scss/template/_course-widget.scss @@ -0,0 +1,3 @@ +/*------------------- + Course Sidebar +---------------------*/ \ No newline at end of file diff --git a/public/assets/scss/template/_course.scss b/public/assets/scss/template/_course.scss new file mode 100644 index 0000000..64b44b4 --- /dev/null +++ b/public/assets/scss/template/_course.scss @@ -0,0 +1,1866 @@ +/*------------------- + Course Styles +---------------------*/ +.edu-course { + background-color: var(--color-white); + position: relative; + border-radius: 5px; + transition: var(--transition); + &.course-style-1 { + transition: var(--transition-2); + .thumbnail { + transition: var(--transition-2); + img { + transition: var(--transition-2); + } + &:after { + transition: var(--transition-2); + } + } + .course-hover-content-wrapper { + transition: var(--transition-2); + } + .course-hover-content { + transition: var(--transition-2); + p { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + } + } + } + + .thumbnail { + position: relative; + transition: var(--transition); + a { + display: block; + overflow: hidden; + border-radius: 5px 5px 0 0; + img { + border-radius: 5px 5px 0 0; + transition: 0.4s; + width: 100%; + } + &:after { + content: ""; + height: 100%; + width: 100%; + background-color: rgba(0,0,0,.20); + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + transition: var(--transition); + border-radius: 5px 5px 0 0; + } + } + .time-top { + position: absolute; + top: 10px; + right: 10px; + } + .duration { + background-color: #f8b81f; + border-radius: 3px; + padding: 4px 8px; + font-weight: 500; + font-size: 13px; + color: var(--color-white); + font-family: var(--font-secondary); + display: block; + i { + font-size: 16px; + position: relative; + top: 2px; + margin-right: 6px; + } + } + } + .content { + padding: 30px 20px 16px 30px; + .course-level { + font-size: 13px; + font-weight: 500; + color: var(--color-primary); + font-family: var(--font-secondary); + background-color: rgba(26, 182,157, .15); + border-radius: 3px; + padding: 1px 10px; + margin-bottom: 15px; + display: inline-block; + } + .title { + margin-bottom: 8px; + a { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + } + } + .course-rating { + display: flex; + align-items: center; + margin-bottom: 8px; + .rating { + color: #f8b81f; + transition: var(--transition); + } + .rating-count { + font-size: 14px; + font-weight: 500; + color: var(--color-heading); + margin-left: 10px; + transition: var(--transition); + } + } + .course-price { + font-size: 14px; + font-weight: var(--p-semi-bold); + color: var(--color-secondary); + font-family: var(--font-secondary); + margin-bottom: 14px; + transition: var(--transition); + &.price-round { + font-size: 22px; + font-weight: var(--p-bold); + color: var(--color-white); + height: 80px; + width: 80px; + line-height: 84px; + background-color: var(--color-primary); + border-radius: 50%; + text-align: center; + } + } + .course-meta { + @extend %liststyle; + li { + display: inline-block; + font-size: 13px; + color: var(--color-heading); + margin-right: 25px; + position: relative; + transition: var(--transition); + &:after { + content: ""; + height: 19px; + width: 1px; + background-color: #e5e5e5; + position: absolute; + top: 1px; + right: -15px; + transition: var(--transition); + } + &:last-child { + margin-right: 0; + &:after { + display: none; + } + } + i { + color: #a7a7a7; + font-size: 14px; + margin-right: 7px; + transition: var(--transition); + } + } + } + } + .course-hover-content-wrapper { + position: absolute; + content: ''; + width: 100%; + height: 100%; + left: 0; + top: 0; + transition: var(--transition); + opacity: 0; + background-color: var(--color-primary); + button { + &.wishlist-btn { + &:hover { + background: var(--color-secondary); + } + background: rgba(255, 255, 255, 0.15); + position: absolute; + top: 20px; + right: 20px; + display: none; + @media #{$smlg-device} { + display: block; + } + } + } + } + .course-hover-content { + position: absolute; + top: 50%; + transform: translateY(-50%); + bottom: 0; + left: 0; + right: 0; + border-radius: 4px; + padding: 50px 20px 45px 30px; + visibility: hidden; + opacity: 0; + transition: var(--transition); + display: inline-table; + .content { + padding: 0; + .wishlist-btn { + &:hover { + background: var(--color-secondary); + } + background: rgba(255, 255, 255, 0.15); + position: absolute; + top: 10px; + right: 10px; + @media #{$smlg-device} { + display: none; + } + } + .course-level { + background-color: var(--color-white); + color: var(--color-heading); + } + .title { + color: var(--color-white); + a { + &:hover { + color: var(--color-white); + } + } + } + .course-rating { + .rating-count { + color: var(--color-white); + } + } + .course-price { + color: var(--color-white); + } + p { + color: var(--color-white); + margin-bottom: 15px; + } + .course-meta { + margin-bottom: 16px; + li { + color: var(--color-white); + &:after { + background-color: rgba(255,255,255,.25); + } + i { + color: var(--color-white); + } + } + } + } + } + + .hover-content-aside { + width: 344px; + padding-left: 12px; + position: absolute; + top: 50%; + left: 100%; + transform: translateY(-50%) translateX(-20px); + visibility: hidden; + opacity: 0; + transition: var(--transition); + pointer-events: none; + z-index: 1; + .content { + background-color: var(--color-white); + border-radius: 4px; + box-shadow: 0px 0px 50px 0px rgba(26,46,85,0.2); + padding: 30px 30px 40px 30px; + &:before { + content: ""; + border-top: 12px solid transparent; + border-right: 13px solid var(--color-white); + border-bottom: 12px solid transparent; + position: absolute; + top: 50%; + left: -13px; + transform: translateY(-50%); + } + .course-rating { + margin-bottom: 0; + } + .course-meta { + margin-bottom: 5px; + li { + font-size: var(--font-size-b1); + color: var(--color-body); + &:after { + height: 5px; + width: 5px; + background-color: #d1d1d1; + border-radius: 50%; + top: 50%; + transform: translateY(-50%); + right: -17px; + } + } + } + .course-feature { + margin-bottom: 25px; + ul { + @extend %liststyle; + li { + font-size: 13px; + position: relative; + padding-left: 28px; + &:before { + content: "\e913"; + font-family: 'icomoon'; + color: var(--color-heading); + margin-right: 15px; + position: absolute; + left: 0; + top: 2px; + } + } + } + } + .button-group { + .edu-btn { + flex: 1; + } + } + } + &.content-right { + left: auto; + right: 100%; + padding-left: 0; + padding-right: 12px; + .content { + &:before { + left: auto; + right: -12px; + transform: scaleX(-1); + } + } + } + } + &:hover { + .course-hover-content-wrapper { + opacity: 1; + } + .thumbnail { + a { + img { + transform: scale(1.1); + } + } + } + .course-hover-content { + visibility: visible; + opacity: 1; + } + .hover-content-aside { + pointer-events: all; + visibility: visible; + opacity: 1; + transform: translateY(-50%) translateX(0); + } + } + &.course-style-2 { + .course-hover-content { + .content { + p { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + } + } + } + } + &.course-style-3 { + background-color: transparent; + padding-bottom: 5px; + z-index: 1; + &:before { + content: ""; + height: 10px; + width: 100%; + background-color: var(--color-white); + border-radius: 0 0 4px 4px; + position: absolute; + bottom: 0; + left: 0; + right: 0; + z-index: -1; + transition: var(--transition); + } + .thumbnail { + .time-top { + right: auto; + left: 10px; + } + } + .content { + padding: 30px 30px 30px; + background-color: var(--color-white); + border-radius: 0 0 4px 4px; + position: relative; + transition: var(--transition); + .course-level { + color: var(--color-secondary); + background-color: rgba(238, 74, 98, .15); + margin-bottom: 17px; + } + .title { + margin-bottom: 14px; + } + p { + margin-bottom: 20px; + } + .course-rating { + margin-bottom: 0; + } + .read-more-btn { + visibility: hidden; + opacity: 0; + margin-bottom: -50px; + transition: var(--transition); + } + } + &:hover { + &:before { + background-color: rgba(255,91,92,.3); + } + .thumbnail { + margin-bottom: -75px; + a { + &:after { + background-color: rgba(0,0,0,.50); + } + } + } + .content { + .read-more-btn { + margin-top: 24px; + margin-bottom: 0; + visibility: visible; + opacity: 1; + } + } + } + } + &.course-style-4 { + box-shadow: var(--shadow-darkest); + padding: 30px; + .inner { + display: flex; + align-items: center; + @media #{$large-mobile} { + display: block; + } + } + .thumbnail { + margin-right: 30px; + @media #{$large-mobile} { + margin-right: 0; + margin-bottom: 20px; + } + a { + border-radius: 4px; + img { + border-radius: 4px; + } + &:after { + background-color: rgba(0, 0, 0, 0.1); + } + } + .time-top { + left: 10px; + right: auto; + } + } + .content { + flex: 1; + padding: 0; + .course-price { + font-weight: var(--p-bold); + font-size: 16px; + margin-bottom: 10px; + } + .course-rating { + margin-bottom: 14px; + } + } + &:hover { + background-color: var(--color-primary); + .content { + .title { + a { + color: var(--color-white); + } + } + .course-price { + color: var(--color-white); + } + .course-rating { + .rating-count { + color: var(--color-white); + } + } + .course-meta { + li { + color: var(--color-white); + i { + color: var(--color-white); + } + &:after { + background-color: rgba(255,255,255, .30); + } + } + } + } + } + } + &.course-style-5 { + background-color: var(--color-lighten04); + border-radius: 4px; + .thumbnail { + a { + &:after { + background-color: rgba(0, 0, 0, 0); + } + } + } + .content { + position: relative; + .price-round { + position: absolute; + top: -40px; + right: 30px; + } + .course-level { + background-color: transparent; + color: var(--color-secondary); + font-size: 15px; + padding: 0; + } + .title { + a { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + } + } + p { + margin-bottom: 12px; + } + } + } + &.course-style-6 { + background-color: transparent; + .thumbnail { + margin-bottom: 15px; + a { + &:after { + background-color: rgba(0, 0, 0, 0); + } + } + .price-round { + font-size: 22px; + font-weight: var(--p-bold); + color: var(--color-white); + height: 80px; + width: 80px; + line-height: 84px; + background-color: var(--color-primary); + font-family: var(--font-secondary); + border-radius: 50%; + text-align: center; + position: absolute; + top: 20px; + right: 20px; + } + } + .content { + background-color: var(--color-white); + padding: 35px 40px 30px; + border-radius: 0 0 4px 4px; + .course-level { + background-color: transparent; + padding: 0; + color: var(--color-secondary); + font-size: 15px; + } + .title { + margin-bottom: 15px; + } + } + } + &.course-style-7 { + border-radius: 10px; + box-shadow: var(--shadow-darkest); + background-color: transparent; + .thumbnail { + margin-bottom: -23px; + a { + border-radius: 10px 10px 0 0; + img { + border-radius: 10px 10px 0 0; + } + &:after { + background-color: rgba(0, 0, 0, 0); + } + } + .course-price { + font-family: var(--font-secondary); + transition: var(--transition); + position: absolute; + bottom: -40px; + right: 30px; + z-index: 1; + @media #{$sm-layout} { + bottom: -18px; + } + &.price-round { + font-size: 22px; + font-weight: var(--p-bold); + color: var(--color-white); + height: 80px; + width: 80px; + line-height: 84px; + background-color: var(--color-white); + border-radius: 50%; + text-align: center; + } + } + } + .content { + position: relative; + mask-image: url(../../images/others/mask-06.png); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: cover; + -webkit-mask-position: center; + padding: 50px 20px 10px 30px; + border-radius: 0 0 10px 10px; + @media #{$sm-layout} { + mask-image: none; + } + .course-level { + background-color: transparent; + padding: 0; + font-size: 15px; + color: var(--color-white); + } + .title { + color: var(--color-white); + a { + &:hover { + color: rgba(255,255,255,0.8); + } + } + } + .course-meta { + margin-bottom: 10px; + li { + color: var(--color-white); + i { + color: var(--color-white); + } + } + } + p { + color: var(--color-white); + } + } + &.bg-color-extra02 { + .thumbnail { + .price-round { + color: var(--color-extra02); + } + } + .content { + background-color: var(--color-extra02); + } + } + &.bg-color-secondary { + .thumbnail { + .price-round { + color: var(--color-textSecondary); + } + } + .content { + background-color: var(--color-textSecondary); + } + } + &.bg-color-primary { + .thumbnail { + .price-round { + color: var(--color-primary); + } + } + .content { + background-color: var(--color-primary); + } + } + } + &.course-style-8 { + box-shadow: 0 0 40px 0 rgba(0,0,0,.07); + margin-bottom: 50px; + &:last-child { + margin-bottom: 0; + } + .content { + .course-rating { + margin-bottom: 10px; + } + p { + margin-bottom: 12px; + } + .course-meta { + margin: -10px 0; + } + } + .hover-content-aside { + top: 100%; + left: 50%; + transform: translateY(0) translateX(-50%); + padding-top: 12px; + z-index: 2; + .content { + padding: 30px 30px 40px; + &:before { + border-left: 11px solid transparent; + border-right: 11px solid transparent; + border-bottom: 12px solid var(--color-white); + border-top: none; + top: 0; + left: 50%; + transform: translateY(0) translateX(-50%); + } + .course-level { + background-color: transparent; + padding: 0; + color: var(--color-secondary); + font-size: 15px; + margin-bottom: 10px; + } + .course-meta { + margin-bottom: 2px; + } + } + } + &:hover { + background-color: var(--color-white); + .content { + .course-price { + color: var(--color-secondary); + } + .title { + a { + color: var(--color-heading); + &:hover { + color: var(--color-primary); + } + } + } + .course-rating { + .rating-count { + color: var(--color-heading); + } + } + .course-meta { + li { + color: var(--color-heading); + &:after { + background-color: #e5e5e5; + } + i { + color: #a7a7a7; + } + } + } + } + } + } + &.course-style-9 { + box-shadow: 0 0 40px 0 rgba(0,0,0,.07); + margin-bottom: 50px; + margin-left: 105px; + @media #{$large-mobile} { + margin-left: 0px; + } + &:last-child { + margin-bottom: 0; + } + .thumbnail { + margin-left: -135px; + @media #{$large-mobile} { + margin-left: 0px; + } + a { + border-radius: 50%; + img { + border-radius: 50%; + } + &:after { + border-radius: 50%; + } + } + } + .content { + .course-rating { + margin-bottom: 10px; + } + p { + margin-bottom: 12px; + } + .course-meta { + margin: -10px 0; + } + } + .hover-content-aside { + top: 100%; + left: 50%; + transform: translateY(0) translateX(-50%); + padding-top: 12px; + z-index: 2; + .content { + padding: 30px 30px 40px; + &:before { + border-left: 11px solid transparent; + border-right: 11px solid transparent; + border-bottom: 12px solid var(--color-white); + border-top: none; + top: 0; + left: 50%; + transform: translateY(0) translateX(-50%); + } + .course-level { + background-color: transparent; + padding: 0; + color: var(--color-secondary); + font-size: 15px; + margin-bottom: 10px; + } + .course-meta { + margin-bottom: 2px; + } + } + } + &:hover { + background-color: var(--color-white); + .content { + .course-price { + color: var(--color-secondary); + } + .title { + a { + color: var(--color-heading); + &:hover { + color: var(--color-primary); + } + } + } + .course-rating { + .rating-count { + color: var(--color-heading); + } + } + .course-meta { + li { + color: var(--color-heading); + &:after { + background-color: #e5e5e5; + } + i { + color: #a7a7a7; + } + } + } + } + } + } + &.course-box-shadow { + box-shadow: var(--shadow-darker); + } + &.course-style-1.hover-button-bg-white, + &.course-style-2.hover-button-bg-white { + a.edu-btn.btn-secondary{ + &:hover { + color: var(--color-black); + background: #ffffff; + &:after { + background: #ffffff; + } + } + &:after { + display: none; + } + } + } +} +.edu-course-area { + position: relative; + &.course-area-6 { + padding-bottom: 175px; + .course-activation { + .swiper-wrapper { + .swiper-slide { + @media #{$sm-layout} { + padding: 0; + } + } + } + } + + .swiper-pagination-bullets.swiper-pagination-horizontal { + bottom: 110px; + left: 0; + width: 100%; + + @media #{$small-mobile} { + bottom: 90px; + } + } + } + &.course-area-8 { + background-color: var(--color-lighten01); + position: relative; + overflow: hidden; + &::before { + display: none; + } + ul { + padding-left: 0; + list-style: none; + + .section-title { + display: inline-block; + margin-top: 0px; + @media #{$md-layout-1} { + display: block; + text-align: center; + } + } + .course-view-all { + text-align: right; + margin-top: -140px; + margin-bottom: 55px; + @media #{$md-layout-1} { + margin-top: -15px; + margin-bottom: 33px; + text-align: center; + } + a { + &:hover { + color: var(--color-white); + } + } + } + } + .edu-course { + &.course-style-4 { + + &::after { + position: absolute; + content: ''; + left: 0; + top: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + background: var(--gradient-primary); + border-radius: 5px; + opacity: 0; + visibility: hidden; + transition: all .4s ease-in-out; + } + .inner { + position: relative; + z-index: 12; + } + .thumbnail{ + a { + &::after { + border-radius: 50%; + } + img { + border-radius: 50% !important; + } + } + .time-top { + left: 0; + } + } + &:hover { + background: transparent; + &::after { + opacity: 1; + visibility: visible; + } + .course-hover-content-wrapper { + opacity: 1; + } + .thumbnail { + a { + img { + transform: scale(1); + } + } + } + } + } + } + + .shape-group { + li { + &.shape-1 { + left: -280px; + top: 13px; + } + &.shape-2 { + left: -600px; + top: -430px; + z-index: -1; + span { + width: 570px; + height: 570px; + border: 1px solid var(--color-border); + border-radius: 50%; + display: block; + } + } + &.shape-3 { + bottom: -68px; + right: -111px; + } + &.shape-4 { + right: -100px; + bottom: -12px; + z-index: 1; + } + } + } + } + &.course-area-9 { + ul { + padding-left: 0; + list-style: none; + + .section-title { + display: inline-block; + margin-top: 0px; + @media #{$md-layout-1} { + display: block; + text-align: center; + } + } + .course-view-all { + text-align: right; + margin-top: -140px; + margin-bottom: 55px; + @media #{$md-layout-1} { + margin-top: -15px; + margin-bottom: 33px; + text-align: center; + } + a { + &.edu-btn { + background-color: var(--color-lighten01); + color: var(--color-primary); + + &:hover { + color: var(--color-white); + } + } + } + } + } + .edu-course { + &.course-style-5 { + background-color: var(--color-white); + .inner { + .thumbnail { + position: relative; + a { + border-radius: 5px; + img { + border-radius: 5px; + } + } + .course-price { + position: absolute; + left: 20px; + top: 20px; + background-color: var(--color-extra05); + color: var(--color-white); + font-size: 14px; + width: 80px; + height: 26px; + line-height: 28px; + text-align: center; + border-radius: 5px; + } + .read-more-btn { + position: absolute; + right: 30px; + bottom: -30px; + a { + &.btn-icon-round { + border-radius: 50%; + background-color: var(--color-white); + color: var(--color-primary); + box-shadow: var(--shadow-dark); + + &:hover { + background-color: var(--color-primary); + color: var(--color-white); + } + } + } + } + } + .instructor { + display: flex; + margin-top: 30px; + img { + width: 40px; + height: 40px; + border-radius: 50%; + } + .instructor-name { + margin-top: 12px; + margin-left: 15px; + font-size: 15px; + font-weight: var(--p-semi-bold); + } + } + .content { + padding: 0px 50px 10px 0px; + .title { + font-size: 18px; + font-weight: var(--p-bold); + } + } + } + } + } + } + &.course-area-10 { + background: var(--cta-color-bg); + overflow: hidden; + + .inner { + .thumbnail { + img { + border-top-left-radius: 5px; + border-top-right-radius: 5px; + } + } + } + .course-price { + position: absolute; + left: 20px; + top: 20px; + background-color: var(--color-extra05); + color: var(--color-white); + font-size: 14px; + width: 137px; + height: 30px; + line-height: 30px; + text-align: center; + border-radius: 5px; + } + .flag-wrap { + position: absolute; + right: 30px; + bottom: -30px; + background-color: var(--color-white); + border: 8px solid var(--color-white); + border-radius: 50%; + box-shadow: var(--shadow-dark); + z-index: 1; + .flag-content { + border-radius: 50%; + } + } + .content { + background: var(--color-white); + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + .title { + a { + font-size: 18px; + font-weight: var(--p-bold); + color: var(--color-heading); + transition: var(--transition); + + &:hover { + color: var(--color-primary); + } + } + } + } + .shape-group { + li { + &.shape-1 { + left: -183px; + bottom: -63px; + z-index: 1; + } + &.shape-2 { + right: -81px; + top: -226px; + z-index: 1; + } + &.shape-3 { + top: 155px; + left: 100px; + z-index: 0; + } + &.shape-4 { + left: -173px; + top: -185px; + z-index: 1; + span{ + display: block; + height: 470px; + width: 470px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + } + } + } + .course-style-11 { + .inner { + .thumbnail { + &::after { + content: ""; + height: 100%; + width: 100%; + background: rgb(255,255,255); + background: linear-gradient(top, rgba(51, 51, 51, 0.01) 25%, rgba(51, 51, 51, 0.7) 100%); + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + border-radius: 5px; + overflow: hidden; + visibility: visible; + opacity: 1; + transition: var(--transition); + } + img { + border-radius: 5px; + } + .course-meta { + position: absolute; + left: 0; + bottom: 10px; + margin-bottom: 0; + li { + display: inline-block; + font-size: 13px; + color: var(--color-heading); + font-weight: var(--p-semi-bold); + background-color: var(--color-white); + line-height: 22px; + border-radius: 30px; + margin-right: 10px; + padding: 4px 18px; + position: relative; + z-index: 2; + transition: var(--transition); + + .icon-course { + color: var(--color-body); + margin-right: 6px; + } + } + } + a { + border-radius: 5px; + &::after { + border-radius: 5px !important; + } + } + } + } + .course-price { + position: absolute; + left: 20px; + top: 20px; + background-color: var(--color-primary); + color: var(--color-white); + font-size: 22px; + font-weight: var(--p-bold); + width: 80px; + height: 80px; + line-height: 80px; + text-align: center; + border-radius: 50%; + } + .content { + background: var(--color-white); + padding: 30px 40px 0 0; + .pre-textsecondary { + color: var(--color-secondary); + margin-bottom: 8px; + } + .title { + a { + font-size: 18px; + font-weight: var(--p-bold); + color: var(--color-heading); + transition: var(--transition); + + &:hover { + color: var(--color-primary); + } + } + } + } + } +} +.course-view-all { + text-align: center; + margin-top: 60px; + .view-text { + margin-bottom: 0; + } +} + +.course-layout-five-tooltip-content { + width: 344px; + pointer-events: none; + z-index: 1; + .content { + border-radius: 4px; + padding: 30px 30px 40px 30px; + position: relative; + .price-round { + position: absolute; + top: -40px; + right: 30px; + } + .course-level { + background-color: transparent; + color: var(--color-secondary); + font-size: 15px; + padding: 0; + margin-bottom: 15px; + display: inline-block; + font-weight: 500; + font-family: var(--font-secondary); + } + .title { + margin-top: 0px; + margin-bottom: 8px; + a { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + pointer-events: all; + &:hover { + color: var(--color-primary); + } + } + } + .course-rating { + display: flex; + align-items: center; + margin-bottom: 0px; + .rating { + color: #f8b81f; + transition: var(--transition); + } + .rating-count { + font-size: 14px; + font-weight: 500; + color: var(--color-heading); + margin-left: 10px; + transition: var(--transition); + } + } + .course-price { + font-size: 14px; + font-weight: var(--p-semi-bold); + color: var(--color-secondary); + font-family: var(--font-secondary); + margin-bottom: 14px; + transition: var(--transition); + &.price-round { + font-size: 22px; + font-weight: var(--p-bold); + color: var(--color-white); + height: 80px; + width: 80px; + line-height: 84px; + background-color: var(--color-primary); + border-radius: 50%; + text-align: center; + } + } + .course-meta { + @extend %liststyle; + li { + display: inline-block; + margin-right: 25px; + position: relative; + transition: var(--transition); + font-size: var(--font-size-b1); + color: var(--color-body); + &:after { + position: absolute; + content: ''; + height: 5px; + width: 5px; + background-color: #d1d1d1; + border-radius: 50%; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + right: -17px; + } + &:last-child { + margin-right: 0; + &:after { + display: none; + } + } + i { + color: #a7a7a7; + font-size: 14px; + margin-right: 7px; + transition: var(--transition); + } + } + } + .course-feature { + margin-bottom: 25px; + ul { + @extend %liststyle; + li { + font-size: 13px; + position: relative; + padding-left: 28px; + &:before { + content: "\e913"; + font-family: 'icomoon'; + color: var(--color-heading); + margin-right: 15px; + position: absolute; + left: 0; + top: 2px; + } + } + } + } + .button-group { + .edu-btn { + flex: 1; + color: var(--color-white) !important; + pointer-events: all; + } + } + } +} + +body .tpd-size-medium .tpd-content { + padding: inherit; + font-size: inherit; + line-height: inherit; +} + +.tpd-tooltip .tpd-content-wrapper { + overflow: unset; + @media #{$sm-layout} { + display: none; + } +} + +.tpd-tooltip .tpd-content { + padding: 0; + line-height: inherit; + font-size: var(--fontSize); +} + +.tpd-tooltip .tpd-shift-stem-side { + display: none !important; +} + +.tpd-tooltip .tpd-backgrounds, +.tpd-tooltip .tpd-stem { + display: none !important; +} + +.tpd-visible-frame-left .tpd-frame-left, +.tpd-visible-frame-right .tpd-frame-left { + position: relative; +} + +.tpd-visible-frame-left .tpd-frame-left:before, +.tpd-visible-frame-right .tpd-frame-left:before { + content: ""; + border-top: 12px solid transparent; + border-right: 13px solid var(--color-white); + border-bottom: 12px solid transparent; + position: absolute; + top: 50%; + left: -12px; + transform: translateY(-50%); + z-index: 9; +} + +.tpd-visible-frame-right .tpd-frame-left:after { + content: ""; + border-top: 12px solid transparent; + border-right: 13px solid var(--color-white); + border-bottom: 12px solid transparent; + position: absolute; + top: 50%; + left: -12px; + transform: translateY(-50%); + z-index: 9; +} + +.tpd-visible-frame-right .tpd-frame-right { + position: relative; + list-style: none; +} + +.tpd-visible-frame-right .tpd-frame-right:after { + content: ""; + position: absolute; + top: 50%; + transform: translateY(-50%); + z-index: 9; + border-left: 13px solid var(--color-white); + border-top: 12px solid transparent; + border-bottom: 12px solid transparent; + left: inherit !important; + right: 0px; +} + +.tpd-skin { + left: 12px; + @media #{$sm-layout} { + display: none; + } +} + +.tpd-content-spacer { + background: var(--color-white); + box-shadow: 0px 0px 50px 0px rgba(26,46,85,0.2); + border-radius: 4px; +} + +.tpd-skin.tpd-visible-frame-right { + left: 0px; +} + +.tpd-skin-light a { + color: inherit !important; +} + +.tpd-tooltip { + // fixed header overflow issue + z-index: 9 !important; +} + +.tpd-tooltip a, +.tpd-tooltip a:hover { + color: inherit !important; + text-decoration: inherit !important; +} + +.load-more-btn { + text-align: center; + margin-top: 70px; + @media #{$sm-layout} { + margin-top: 50px; + } + .edu-btn { + padding: 0 50px; + @media #{$sm-layout} { + padding: 0 30px; + } + i { + font-size: 20px; + top: 4px; + padding-left: 10px; + @media #{$sm-layout} { + font-size: 15px; + top: 2px; + } + } + } +} + +.isotop-button { + display: flex; + align-items: center; + justify-content: center; + margin: -5px -5px 45px; + @media #{$large-mobile} { + display: inline-block; + text-align: center; + } + button { + text-align: center; + font-size: 14px; + font-weight: var(--p-medium); + text-transform: uppercase; + color: var(--color-heading); + background-color: #ede8e1; + border-radius: 5px; + border: none; + padding: 0 30px; + height: 60px; + margin: 5px; + transition: var(--transition); + position: relative; + z-index: 1; + @media #{$large-mobile} { + padding: 0 25px; + height: 50px; + font-size: 12px; + } + &:after { + content: ""; + width: 0; + height: 0; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-top: 10px solid var(--color-secondary); + position: absolute; + bottom: -5px; + left: 0; + right: 0; + margin: 0 auto; + visibility: hidden; + opacity: 0; + transition: var(--transition); + z-index: -1; + @media #{$large-mobile} { + display: none; + } + } + &:hover, + &.is-checked { + background-color: var(--color-secondary); + color: var(--color-white); + &:after { + bottom: -10px; + visibility: visible; + opacity: 1; + } + } + } + &.button-transparent { + button { + text-align: center; + font-size: 16px; + font-weight: var(--p-medium); + text-transform: capitalize; + background-color: transparent; + color: var(--color-body); + height: auto; + padding: 0 12px; + &:after { + display: block; + border: none; + height: 2px; + width: 0; + background-color: var(--color-primary); + bottom: 0; + } + &:hover, + &.is-checked { + &:after { + width: 100%; + visibility: visible; + opacity: 1; + + } + } + } + } +} + +.course-area-3 { + overflow: hidden; + position: relative; + z-index: 1; + .shape-group { + @extend %liststyle; + @media #{$sm-layout} { + display: none; + } + li { + position: absolute; + z-index: -1; + &.shape-1 { + top: -75px; + right: -50px; + } + &.shape-2 { + bottom: -65px; + left: -155px; + } + } + } +} + +.course-area-7 { + padding: 220px 0; + position: relative; + z-index: 1; + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/bg-image-6.svg); + background-repeat: no-repeat; + background-size: cover; + z-index: -1; + } + @media #{$sm-layout} { + padding: 150px 0 ; + } + .shape-group { + @extend %liststyle; + li { + position: absolute; + z-index: -1; + img { + opacity: .3; + } + &.shape-1 { + top: 64px; + left: -100px; + } + + &.shape-2 { + bottom: -50px; + right: -90px; + } + &.shape-3 { + top: 140px; + right: -25px; + } + } + } +} +.edu-select>option{ + color:#000!important +} +.edu-sorting-area { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 30px; + @media only screen and (max-width: 991px) { + display: block; + text-align: center; + } + .showing-text { + margin-bottom: 0; + span { + color: var(--color-primary); + } + } + .sorting-right { + display: flex; + align-items: center; + flex-wrap: wrap; + @media only screen and (max-width: 991px) { + justify-content: center; + } + @media #{$small-mobile} { + flex-direction: column; + } + .layout-switcher { + display: flex; + align-items: center; + margin-right: 30px; + @media only screen and (max-width: 991px) { + margin-top: 20px; + } + @media #{$small-mobile} { + margin-right: 0; + } + label { + font-family: var(--font-secondary); + font-size: 16px; + font-weight: 600; + color: var(--color-heading); + margin-right: 10px; + margin-top: 4px; + } + .switcher-btn { + display: flex; + align-items: center; + @extend %liststyle; + margin: -5px; + li { + margin: 5px; + a { + border: 1px solid var(--color-border); + border-radius: 3px; + padding: 8px; + color: #d1d1d1; + font-size: 16px; + line-height: 1; + transition: var(--transition); + &:hover, + &.active { + border-color: var(--color-primary); + color: var(--color-primary); + } + } + } + } + } + .edu-sorting { + position: relative; + @media only screen and (max-width: 991px) { + margin-top: 20px; + } + .icon { + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 22px; + font-size: 10px; + color: var(--color-heading); + + } + .edu-select { + padding-left: 50px; + width: 200px; + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_course_details.scss b/public/assets/scss/template/_course_details.scss new file mode 100644 index 0000000..2f10dec --- /dev/null +++ b/public/assets/scss/template/_course_details.scss @@ -0,0 +1,688 @@ +/*------------------- + Course Details Style +---------------------*/ +.course-details-content { + padding-right: 10px; + @media only screen and (max-width: 991px) { + padding-right: 0; + } + .nav-tabs { + border-bottom: 1px solid var(--color-border); + justify-content: center; + .nav-item { + margin: 0 5px; + .nav-link { + font-weight: 600; + font-size: 16px; + line-height: 28px; + border: 0 none; + background: transparent; + padding: 15px 25px; + position: relative; + color: var(--color-body); + font-family: var(--font-secondary); + &::after { + position: absolute; + content: ""; + background: var(--color-primary); + height: 2px; + width: 0; + transition: 0.4s; + left: 0; + bottom: 0; + opacity: 0; + } + &.active, + &:hover { + color: var(--color-primary); + &::after { + width: 100%; + opacity: 1; + } + } + } + } + } + .course-tab-content { + margin-top: 65px; + @media #{$sm-layout} { + margin-top: 50px; + } + } + + .entry-content { + .title { + margin-bottom: 4px; + } + .course-meta { + @extend %liststyle; + display: flex; + align-items: center; + margin-right: -20px; + margin-left: -20px; + @media #{$sm-layout} { + display: block; + margin-top: 20px; + } + li { + margin-right: 20px; + margin-left: 20px; + font-weight: 500; + color: var(--color-heading); + display: flex; + align-items: center; + position: relative; + &:after { + content: ""; + height: 19px; + width: 1px; + background-color: #dbdbdb; + position: absolute; + top: 4px; + right: -20px; + @media #{$sm-layout} { + display: none; + } + } + &:last-child { + &:after { + display: none; + } + } + i { + padding-right: 14px; + font-size: 24px; + color: var(--color-primary); + } + } + .course-rating { + .rating { + margin-right: 8px; + i { + font-size: 15px; + color: #f8b81f; + padding: 0; + } + } + } + } + .thumbnail { + position: relative; + margin-top: 60px; + @media #{$sm-layout} { + margin-top: 40px; + } + img { + border-radius: 5px; + } + &:after { + content: ""; + height: 100%; + width: 100%; + background-color: rgba(0,0,0,.7); + border-radius: 5px; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + } + .video-play-btn { + position: absolute; + z-index: 1; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + border: 0; + width: 80px; + height: 80px; + line-height: 82px; + transition: var(--transition); + border-radius: 50%; + background-color: var(--color-white); + margin: 0 auto; + display: inline-block; + font-size: 20px; + text-align: center; + color: var(--color-secondary); + @media #{$large-mobile} { + width: 60px; + height: 60px; + line-height: 62px; + } + i { + margin-left: 5px; + } + &:hover { + background-color: var(--color-secondary); + color: var(--color-white); + } + } + } + } + + .course-enroll-box { + margin-top: 110px; + display: flex; + background-color: var(--color-white); + padding: 40px 0; + box-shadow: 0 0 40px 0 rgba(0,0,0,.07); + @media #{$sm-layout} { + margin-top: 80px; + display: block; + padding: 10px 0; + } + .single-item { + padding: 0 45px; + position: relative; + font-family: var(--font-secondary); + text-align: center; + @media #{$lg-layout} { + padding: 0 35px; + } + @media #{$sm-layout} { + padding: 30px 35px; + } + + &:after { + content: ""; + height: 140px; + width: 1px; + background-color: var(--color-border); + position: absolute; + top: 50%; + right: 0; + transform: translateY(-50%); + @media #{$sm-layout} { + height: 1px; + width: 100%; + bottom: 0; + top: auto; + left: 50%; + transform: translateX(-50%); + } + } + &:last-child { + &:after { + display: none; + } + } + .enroll-status { + display: block; + background-color: rgba(70, 100, 228, .07); + border-radius: 5px; + padding: 8px 28px; + font-size: 14px; + font-weight: 500; + color: var(--color-extra08); + } + .price { + font-size: 28px; + font-weight: 700; + color: var(--color-secondary); + } + .login-btn { + font-size: 14px; + a { + font-weight: 500; + color: var(--color-heading); + &:hover { + color: var(--color-primary); + } + } + } + &.course-price { + flex: 1; + } + } + } +} + +.course-overview { + ul { + list-style: none; + padding: 0; + margin: 30px 0; + li { + margin-top: 15px; + margin-bottom: 15px; + padding-left: 30px; + position: relative; + &:after { + content: "\e938"; + font-family: var(--font-icomoon); + color: var(--color-primary); + position: absolute; + left: 0; + top: 0; + transition: var(--transition); + } + } + } + .border-box { + border: 1px solid var(--color-border); + padding: 40px 40px 30px; + margin-bottom: 90px; + @media #{$large-mobile} { + padding: 40px 30px 30px; + } + ul { + margin: 0; + } + } +} + +.course-curriculam { + .course-lesson { + border: 1px solid var(--color-border); + padding: 40px 50px 50px; + margin-bottom: 50px; + @media #{$sm-layout} { + padding: 35px 20px 40px; + } + .title { + margin-bottom: 6px; + } + &:last-child { + margin-bottom: 0; + } + ul { + @extend %liststyle; + li { + display: flex; + justify-content: space-between; + line-height: 26px; + padding: 14px 0; + align-items: center; + margin: 0; + color: var(--color-heading); + border-bottom: 1px solid var(--color-border); + transition: var(--transition); + &:first-child { + border-top: 1px solid var(--color-border); + } + i { + font-size: 16px; + position: relative; + top: 1px; + } + .text { + i { + margin-right: 8px; + } + } + &:hover { + color: var(--color-primary); + } + } + } + .badge-list { + margin: -3px; + text-align: right; + } + .badge { + border-radius: 3px; + font-size: 13px; + font-weight: 500; + padding: 7px; + margin: 3px; + &.badge-primary { + background-color: rgba(26, 182, 157, .07); + opacity: 1; + color: var(--color-primary); + } + &.badge-secondary { + background-color: rgba(238, 74, 99, .07); + opacity: 1; + color: var(--color-secondary); + } + } + } +} + +.course-instructor { + padding: 0; + display: flex; + .thumbnail { + min-width: 170px; + margin-right: 30px; + @media #{$large-mobile} { + min-width: 80px; + } + img { + width: 100%; + object-fit: cover; + border-radius: 5px; + } + } + .author-content { + .title { + margin-bottom: 0; + font-size: 20px; + } + .subtitle { + display: block; + margin-bottom: 20px; + } + p { + margin-bottom: 25px; + } + } +} + +.course-review { + .heading-title { + margin-bottom: 5px; + } + .rating-box { + background: #FFFFFF; + box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.07); + border-radius: 5px; + text-align: center; + width: 170px; + height: 170px; + padding: 20px 10px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + @media #{$large-mobile} { + margin: 0 auto; + } + .rating { + color: #f8b81f; + margin-bottom: 5px; + } + .rating-number { + font-weight: 700; + font-size: 28px; + line-height: 1; + font-family: var(--font-secondary); + color: var(--color-secondary); + margin-bottom: 10px; + } + span { + font-size: 14px; + line-height: 26px; + } + } + + .review-wrapper { + margin-top: -30px; + @media #{$sm-layout} { + margin-left: 30px; + } + @media #{$large-mobile} { + margin-top: 0; + margin-left: 0; + } + .single-progress-bar { + position: relative; + } + + .rating-text { + display: inline-block; + position: relative; + top: 17px; + font-family: var(--font-secondary); + font-size: 14px; + font-weight: 500; + color: var(--color-heading); + i { + color: #f8b81f; + padding-left: 12px; + } + } + + .progress { + margin-right: 38px; + margin-left: 70px; + height: 6px; + background: #f2f2f2; + .progress-bar { + background-color: #f8b81f; + } + } + + span { + &.rating-value { + font-family: var(--font-secondary); + font-size: 14px; + font-weight: 500; + color: var(--color-heading); + position: absolute; + right: 0; + top: 55%; + } + } + } + + .comment-area { + margin-top: 70px; + } + + .comment-list-wrapper { + .comment { + .comment-content { + .rating { + color: #f8b81f; + margin-bottom: 6px; + } + } + & + .comment { + margin-top: 5px; + } + } + } + .comment-form-area { + margin-top: 40px; + .heading-title { + margin-bottom: 25px; + } + .rating-icon { + display: flex; + align-items: center; + margin-bottom: 20px; + .title { + margin-bottom: 0; + margin-right: 22px; + } + .rating { + i { + color: #e1e1e1; + &:hover { + color: #f8b81f; + } + } + } + } + } + + .border-box { + border: 1px solid var(--color-border); + padding-bottom: 10px; + .rating-box { + margin: 30px 0 30px 30px; + @media only screen and (max-width: 991px) { + margin: 30px auto; + } + } + .review-wrapper { + margin-right: 30px; + @media only screen and (max-width: 1199px) { + margin-left: 30px; + } + @media only screen and (max-width: 991px) { + margin-bottom: 40px; + } + } + .comment-area { + border-top: 1px solid var(--color-border); + margin-top: 0; + padding-top: 30px; + } + .comment-list-wrapper { + .comment { + padding-left: 30px; + padding-right: 30px; + @media #{$large-mobile} { + padding-left: 20px; + padding-right: 20px; + } + } + } + } +} + +.course-details-3 { + .nav-tabs { + margin-top: 80px; + @media #{$sm-layout} { + margin-top: 60px; + } + .nav-item { + .nav-link { + &.active, + &:hover { + color: var(--color-heading); + } + } + } + } + .course-curriculam { + .heading-title { + display: flex; + align-items: center; + justify-content: space-between; + .title { + margin-bottom: 0; + } + button { + i { + font-size: 6px; + top: -2px; + } + } + } + .edu-accordion { + .heading-title { + margin-bottom: 15px; + margin-top: 40px; + } + .accordion-item { + margin-bottom: 10px; + .accordion-button { + padding: 30px 50px 26px 65px; + display: block; + &:before { + content: ""; + height: 20px; + width: 20px; + border: 3px solid var(--color-border); + border-radius: 50%; + position: absolute; + top: 28px; + left: 30px; + } + &:after { + content: "\e91e"; + font-size: 6px; + height: 20px; + width: 20px; + line-height: 20px; + text-align: center; + background: var(--gradient-primary); + color: var(--color-white); + font-weight: 400; + border-radius: 50%; + position: absolute; + top: 30%; + right: 47px; + } + .topics { + display: block; + font-size: 15px; + color: var(--color-body); + font-family: var(--font-primary); + font-weight: 500; + margin-top: 4px; + } + .expand { + position: absolute; + top: 60%; + right: 30px; + font-size: 13px; + + } + } + &.no-collapsed { + .accordion-button { + &:after { + display: none; + } + } + } + } + .course-lesson { + .reading-status { + display: flex; + align-items: center; + justify-content: space-between; + padding: 22px 30px 20px 70px; + background-color: var(--color-primary); + color: var(--color-white); + .title { + color: var(--color-white); + margin-bottom: 0; + display: flex; + i { + font-size: 20px; + margin-right: 15px; + } + } + .complete-text { + font-size: 13px; + font-weight: 500; + span { + position: relative; + display: inline-block; + margin-right: 20px; + &:after { + content: ""; + height: 13px; + width: 1px; + background-color: var(--color-white); + position: absolute; + top: 4px; + right: -12px; + } + &:last-child { + margin-right: 0; + &:after { + display: none; + } + } + } + } + } + ul { + li { + padding: 14px 30px 14px 100px; + position: relative; + &:before { + content: ""; + height: 20px; + width: 20px; + border: 3px solid var(--color-border); + border-radius: 50%; + position: absolute; + top: 50%; + left: 70px; + transform: translateY(-50%); + } + } + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_event.scss b/public/assets/scss/template/_event.scss new file mode 100644 index 0000000..91f848e --- /dev/null +++ b/public/assets/scss/template/_event.scss @@ -0,0 +1,598 @@ +/*------------------- + Event Styles +---------------------*/ +.edu-event { + position: relative; + box-shadow: var(--shadow-darkest); + &.event-style-1 { + box-shadow: none; + } + .thumbnail { + transition: var(--transition); + position: relative; + a { + display: block; + border-radius: 5px 5px 0 0; + position: relative; + overflow: hidden; + &:after { + content: ""; + height: 100%; + width: 100%; + background-color: rgba(0,0,0,0.5); + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + visibility: hidden; + opacity: 0; + transition: var(--transition); + } + img { + width: 100%; + border-radius: 5px 5px 0 0; + transition: var(--transition); + } + } + .event-time { + position: absolute; + top: 10px; + left: 10px; + span { + background-color: #f8941f; + border-radius: 4px; + padding: 4px 10px; + font-weight: 500; + font-size: 12px; + color: var(--color-white); + font-family: var(--font-secondary); + display: block; + i { + margin-right: 5px; + font-size: 18px; + position: relative; + top: 2px; + } + } + } + } + .content { + background-color: #f7f5f2; + position: relative; + padding: 40px 30px 45px; + border-radius: 0 0 5px 5px; + box-shadow: none; + transition: var(--transition); + &:after { + content: ""; + height: 10px; + width: 100%; + background-color: rgba(255,91,92,.3); + border-radius: 0 0 5px 5px; + position: absolute; + bottom: -5px; + left: 0; + right: 0; + z-index: -1; + visibility: hidden; + opacity: 0; + transition: var(--transition); + } + .event-date { + width: 80px; + height: 80px; + background: var(--color-primary); + border-radius: 50%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + position: absolute; + top: -40px; + right: 30px; + z-index: 1; + span { + font-weight: 700; + font-size: 22px; + display: block; + color: var(--color-white); + text-align: center; + font-family: var(--font-secondary); + &.day { + line-height: 1; + margin-bottom: 4px; + } + &.month { + line-height: 1; + font-size: 14px; + font-weight: 500; + } + } + } + .title { + margin-bottom: 16px; + } + .event-meta { + padding-top: 14px; + padding-bottom: 0; + @extend %liststyle; + margin: -5px -16px; + li { + color: var(--color-body); + margin: 5px 16px; + i { + color: var(--color-secondary); + font-size: 22px; + top: 5px; + padding-right: 10px; + position: relative; + } + } + } + .read-more-btn { + visibility: hidden; + opacity: 0; + margin-bottom: -50px; + transition: var(--transition); + } + p { + margin-bottom: 0; + } + } + &:hover { + .thumbnail { + margin-bottom: -75px; + a { + &:after { + visibility: visible; + opacity: 1; + } + img { + transform: scale(1.1); + } + } + } + .content { + padding: 40px 30px 35px; + background-color: var(--color-white); + &:after { + visibility: visible; + opacity: 1; + } + .read-more-btn { + margin-top: 25px; + margin-bottom: 0; + visibility: visible; + opacity: 1; + } + } + } + &.event-style-2 { + .content { + padding: 40px 30px 45px; + &:after { + display: none; + } + } + &:hover { + .thumbnail { + margin-bottom: -70px; + } + } + } +} + +.edu-event-list { + background-color: transparent; + border-radius: 10px; + padding: 30px; + transition: var(--transition); + @media #{$large-mobile} { + padding: 20px; + } + .inner { + display: flex; + } + .thumbnail { + @media #{$large-mobile} { + max-width: 100px; + } + a { + display: block; + mask-image: url(../../images/others/mask-05.png); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: cover; + -webkit-mask-position: center; + } + } + .content { + flex: 1; + padding-left: 28px; + padding-top: 12px; + @media #{$large-mobile} { + padding-left: 15px; + } + .event-meta { + @extend %liststyle; + margin: -5px -10px; + display: flex; + flex-wrap: wrap; + align-items: center; + padding-bottom: 10px; + li { + color: var(--color-body); + margin: 5px 10px; + transition: var(--transition); + i { + color: var(--color-secondary); + font-size: 16px; + padding-right: 10px; + transition: var(--transition); + } + } + } + .title { + margin-bottom: 12px; + } + .event-location { + padding-bottom: 10px; + color: var(--color-body); + display: flex; + align-items: center; + transition: var(--transition); + i { + color: var(--color-secondary); + font-size: 22px; + padding-right: 10px; + position: relative; + top: -1px; + transition: var(--transition); + } + } + p { + margin: 5px 0 22px; + } + } + &.event-list-2 { + padding: 0; + border-radius: 0; + border-bottom: 1px solid var(--color-border); + padding-bottom: 30px; + .inner { + align-items: flex-start; + @media #{$sm-layout} { + display: block; + } + } + .thumbnail { + a { + mask-image: none; + border-radius: 10px; + img { + border-radius: 10px; + @media #{$sm-layout} { + width: 100%; + } + } + } + } + .content { + padding-left: 40px; + padding-top: 6px; + @media #{$sm-layout} { + padding-left: 0; + padding-top: 30px; + } + .event-meta { + li { + i { + color: var(--color-primary); + } + } + } + .event-location { + i { + color: var(--color-primary); + } + } + } + } + + &.event-list-3 { + background-color: var(--color-white); + .title { + a { + transition: var(--transition); + } + } + &.bg-style-extra02 { + .content { + .edu-btn { + background-color: var(--color-extra02); + } + } + &:hover { + background-color: var(--color-extra02); + } + } + &.bg-style-extra05 { + .content { + .edu-btn { + background-color: var(--color-extra05); + } + } + &:hover { + background-color: var(--color-extra05); + } + } + &.bg-style-primary { + .content { + .edu-btn { + background-color: var(--color-primary); + } + } + &:hover { + background-color: var(--color-primary); + } + .content { + .edu-btn { + &:hover { + background-color: var(--color-white) !important; + color: var(--color-heading) !important; + &:after { + background: var(--color-white) !important; + } + } + } + } + } + &.bg-style-secondary { + .content { + .edu-btn { + background-color: var(--color-secondary); + } + } + &:hover { + background-color: var(--color-secondary); + } + } + &:hover:not(.event-list-2) { + .content { + .title { + color: var(--color-white); + a { + &:hover { + color: rgba(255,255,255,0.8); + } + } + } + .event-meta { + li { + color: var(--color-white); + i { + color: var(--color-white); + } + } + } + .event-location { + color: var(--color-white); + i { + color: var(--color-white); + } + } + p { + color: var(--color-white); + } + } + } + &:hover { + .content { + .edu-btn { + background-color: var(--color-white); + color: var(--color-heading); + &:hover { + color: var(--color-white); + background-color: transparent; + } + } + } + } + } +} + +.event-view-all-btn { + text-align: center; + margin-top: 55px; + .view-text { + font-size: 18px; + margin-bottom: 0; + } +} + +.edu-event-area { + position: relative; + .shape-group { + @extend %liststyle; + li { + position: absolute; + z-index: -1; + + &.shape-1 { + top: 81px; + left: -81px; + } + + &.shape-2 { + top: -44px; + left: -190px; + z-index: -1; + span { + display: block; + height: 400px; + width: 400px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + } + } +} + +.event-area-2 { + padding: 115px 0 120px; + @media #{$md-layout} { + padding: 55px 0 100px; + } + @media #{$sm-layout} { + padding: 35px 0 80px; + } +} + +.event-area-3 { + padding: 220px 0 230px; + z-index: 1; + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/bg-image-5.svg); + background-repeat: no-repeat; + background-size: cover; + z-index: -1; + } + @media #{$md-layout} { + padding: 200px 0; + } + @media #{$sm-layout} { + padding: 200px 0; + } + .shape-group { + li { + z-index: -1; + img { + opacity: .3; + } + &.shape-1 { + right: -77px; + top: 108px; + left: inherit; + } + &.shape-2 { + top: inherit; + bottom: -71px; + left: -90px; + } + } + } +} +.event-area-4 { + .edu-event { + &.event-style-1 { + .content { + background-color: var(--color-white); + box-shadow: var(--shadow-dark); + &::after { + display: none; + } + .event-date { + background: var(--color-white); + box-shadow: 0px 20px 70px 0px rgba(20, 20, 20, 0.15); + + .day { + color: var(--color-primary); + } + .month { + color: var(--color-heading); + } + } + .title { + font-weight: var(--p-bold); + } + .event-meta { + li { + color: var(--color-heading); + } + } + } + } + } + .event-view-all-btn { + a { + &.btn-transparent { + color: var(--color-primary); + } + } + } +} +// Event Details Styles +.event-details { + margin-bottom: 60px; + .main-thumbnail { + margin-bottom: 70px; + img { + border-radius: 10px; + } + } + .details-content { + ul { + list-style-type: disc; + margin-bottom: 60px; + li { + color: var(--color-heading); + } + } + .event-meta { + @extend %liststyle; + display: flex; + align-items: center; + margin: -10px -20px; + flex-wrap: wrap; + li { + margin-right: 20px; + margin-left: 20px; + color: var(--color-heading); + display: flex; + align-items: center; + position: relative; + &:after { + content: ""; + height: 19px; + width: 1px; + background-color: #dbdbdb; + position: absolute; + top: 4px; + right: -20px; + } + &:last-child { + &:after { + display: none; + } + } + i { + padding-right: 10px; + font-size: 20px; + color: var(--color-primary); + } + } + } + .gmap_canvas { + margin-top: 40px; + #gmap_canvas { + height: 370px; + width: 100%; + border-radius: 5px; + } + } + } +} + +.event-speaker { + .heading-title { + margin-bottom: 30px; + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_faq.scss b/public/assets/scss/template/_faq.scss new file mode 100644 index 0000000..99eb60b --- /dev/null +++ b/public/assets/scss/template/_faq.scss @@ -0,0 +1,423 @@ +/*------------------- + FAQ Styles +---------------------*/ +.faq-accordion { + .accordion-item { + border: none; + border-radius: 10px; + margin-bottom: 30px; + box-shadow: 0px 10px 50px 0px rgba(26,46,85,0.1); + &:last-child { + margin-bottom: 0; + } + .accordion-header { + padding: 0; + position: relative; + } + .accordion-button { + background-color: var(--color-primary); + padding: 20px 45px 20px 30px; + border-radius: 10px 10px 0 0; + border: none; + box-shadow: none; + font-size: 18px; + font-weight: 600; + color: var(--color-white); + transition: .3s; + z-index: 2; + @media #{$large-mobile} { + font-size: 16px; + } + &:after { + display: none; + } + &:before { + content: "\e91e"; + font-family: "icomoon"; + font-size: 6px; + color: var(--color-white); + background-image: none; + position: absolute; + top: 22px; + right: 30px; + line-height: 1; + transform: rotate(180deg); + transition: .3s; + } + &.collapsed { + background-color: transparent; + color: var(--color-heading); + &:before { + top: 26px; + transform: rotate(0deg); + color: var(--color-body); + } + } + } + .accordion-body { + padding: 25px 30px 30px; + p { + margin-bottom: 0; + } + } + } +} + +.edu-faq-content { + position: relative; + .shape-group { + @extend %liststyle; + margin: 0; + li { + position: absolute; + z-index: -1; + &.shape-1 { + bottom: -115px; + right: -145px; + } + &.shape-2 { + bottom: -95px; + right: -165px; + span { + display: block; + height: 101px; + width: 101px; + border: 15px solid var(--color-secondary); + border-radius: 50%; + } + } + } + } +} + +.edu-faq-gallery { + position: relative; + .thumbnail-1 { + text-align: right; + img { + border-radius: 120px 120px 0 120px; + } + } + .thumbnail-2 { + margin-top: 70px; + img { + border-radius: 60px 0 100px; + } + } + .thumbnail-3 { + margin-top: -30px; + text-align: right; + img { + border-radius: 60px 0 100px; + } + } + .thumbnail-4 { + img { + border-radius: 0 50px 120px 120px; + } + } + .shape-group { + @extend %liststyle; + margin: 0; + li { + position: absolute; + z-index: -1; + margin: 0; + &.shape-1 { + top: -45px; + left: 44%; + } + &.shape-2 { + top: 56px; + right: -10px; + } + &.shape-3 { + bottom: -15px; + left: -7px; + z-index: 1; + @media only screen and (max-width: 991px) { + display: none; + } + } + &.shape-4 { + bottom: -45px; + left: -45px; + @media only screen and (max-width: 991px) { + display: none; + } + } + } + } +} + +.faq-style-1 { + padding: 150px 0 120px; + @media #{$md-layout} { + padding: 150px 0 100px; + } + @media #{$sm-layout} { + padding: 100px 0; + } +} + +.faq-style-2 { + padding: 120px 0 150px; + position: relative; + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + bottom: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/bg-image-10.webp); + background-size: cover; + } + @media #{$md-layout} { + padding: 100px 0; + } + @media #{$sm-layout} { + padding: 80px 0 100px; + } + .edu-faq-gallery { + z-index: 1; + @media #{$md-layout} { + margin-top: 50px; + } + @media #{$sm-layout} { + margin-top: 20px; + } + .thumbnail-1 { + margin-top: 35px; + img { + border-radius: 0 80px 0 80px; + } + } + .thumbnail-2 { + margin-top: 285px; + @media #{$md-layout} { + margin-top: 0; + } + @media #{$sm-layout} { + margin-top: 0; + } + img { + border-radius: 80px 0 80px 0; + } + } + .shape-group { + @media only screen and (max-width: 991px) { + display: none; + } + .shape-1 { + top: 35px; + left: -35px; + } + .shape-2 { + top: 35px; + left: 210px; + right: auto; + z-index: 1; + } + .shape-3 { + top: 230px; + left: inherit; + bottom: inherit; + right: -22px; + z-index: -1; + } + .shape-4 { + top: 270px; + left: inherit; + right: -58px; + bottom: inherit; + } + .shape-5 { + bottom: 110px; + left: -50px; + } + .shape-6 { + bottom: 35px; + left: 90px; + } + } + } +} + +.faq-style-3 { + .edu-faq-gallery { + text-align: right; + @media only screen and (max-width: 991px) { + text-align: center; + } + .thumbnail-1 { + background-color: var(--color-white); + box-shadow: 0px 20px 40px 0px rgba(42,11,88,0.1); + padding: 20px; + border-radius: 10px; + display: inline-block; + @media only screen and (max-width: 991px) { + display: block; + } + img { + border-radius: 0; + width: 100%; + } + } + .shape-group { + @media #{$sm-layout} { + display: none; + } + .shape-1 { + top: -30px; + right: -50px; + left: inherit; + } + .shape-2 { + top: 70px; + right: -97px; + z-index: 1; + } + .shape-3 { + bottom: -40px; + left: -68px; + z-index: -1; + } + } + } +} + +.faq-style-4 { + padding-bottom: 100px; + @media #{$sm-layout} { + padding-bottom: 50px; + } + .faq-accordion { + .accordion-item { + .accordion-button { + color: var(--color-white); + &:before { + color: var(--color-white); + } + &.style-extra02 { + background-color: var(--color-extra02); + } + &.style-extra05 { + background-color: var(--color-extra05); + } + &.style-primary { + background-color: var(--color-primary); + } + &.collapsed { + border-radius: 10px; + } + } + } + } + + .faq-thumbnail { + position: relative; + .thumbnail { + mask-image: url(../../images/others/mask-09.png); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: contain; + -webkit-mask-position: center; + text-align: center; + } + .shape-group { + @extend %liststyle; + li { + margin: 0; + position: absolute; + z-index: -1; + &.shape-1 { + top: -78px; + right: 115px; + z-index: 1; + @media only screen and (max-width: 991px) { + z-index: -1; + } + } + &.shape-2 { + top: 0; + right: 30px; + } + &.shape-3 { + bottom: 40px; + left: 10px; + } + } + } + } +} +.faq-page-area { + overflow: hidden; +} +.faq-page-nav { + padding-right: 30px; + @media only screen and (max-width: 991px) { + text-align: center; + margin-bottom: 40px; + padding-right: 0; + } + .title { + margin-bottom: 14px; + } + .nav-tabs { + border: none; + display: block; + .nav-item { + margin: 18px 0; + } + .nav-link { + border: none; + background-color: transparent; + padding: 5px 0; + color: var(--color-heading); + font-weight: 600; + font-family: var(--font-secondary); + position: relative; + transition: var(--transition); + @media only screen and (max-width: 991px) { + margin: 0 auto; + } + &:after { + content: "\e95a"; + font-family: var(--font-icomoon); + color: var(--color-primary); + font-size: 20px; + font-weight: 400; + position: absolute; + top: 1px; + left: -20px; + visibility: hidden; + opacity: 0; + transition: var(--transition); + + } + &.active { + padding-left: 30px; + color: var(--color-primary); + &:after { + font-size: 20px; + left: 0; + visibility: visible; + opacity: 1; + } + } + } + } +} + +.faq-page-tab-content { + position: relative; + &:after { + content: url(../../images/others/map-shape-1.png); + position: absolute; + bottom: -90px; + right: 70px; + z-index: -1; + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_features.scss b/public/assets/scss/template/_features.scss new file mode 100644 index 0000000..7ae2ce4 --- /dev/null +++ b/public/assets/scss/template/_features.scss @@ -0,0 +1,368 @@ +/*------------------- + Features Styles +---------------------*/ +.features-area-1 { + .features-box { + svg { + max-width: 37px; + } + + &:hover { + .icon { + svg { + path { + stroke: var(--color-white); + } + } + } + } + } +} + +.features-box { + padding: 50px 30px; + text-align: center; + border-radius: 4px; + box-shadow: var(--shadow-darker); + background-color: var(--color-white); + transition: var(--transition); + .icon { + height: 80px; + width: 80px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 32px; + margin: 0 auto 28px; + transition: var(--transition); + } + .content { + .title { + margin-bottom: 15px; + transition: var(--transition); + span { + display: block; + } + } + p { + color: var(--color-heading); + margin-bottom: 0; + transition: var(--transition); + } + } + + &.color-primary-style { + .icon { + background-color: rgba(26,182,157, .1); + color: var(--color-primary); + &:after { + background-color: var(--color-primary); + } + } + &:hover { + .icon { + background-color: rgba(26,182,157, 1); + color: var(--color-white); + } + } + } + &.color-secondary-style { + .icon { + background-color: rgba(238,74,98, .1); + color: var(--color-secondary); + &:after { + background-color: var(--color-secondary); + } + } + &:hover { + .icon{ + background-color: rgba(238,74,98, 1); + color: var(--color-white); + } + } + } + &.color-extra05-style { + .icon { + background-color: rgba(248,148,31, .1); + color: var(--color-extra05); + &:after { + background-color: var(--color-extra05); + } + } + &:hover { + .icon { + background-color: rgba(248,148,31, 1); + color: var(--color-white); + } + } + } + &.color-extra08-style { + .icon { + background-color: rgba(70,100,228, .1); + color: var(--color-extra08); + } + &:hover { + .icon { + background-color: rgba(70,100,228, 1); + color: var(--color-white); + } + } + } + &.color-extra02-style { + .icon { + background-color: rgba(142,86,255, .1); + color: var(--color-extra02); + &:after { + background-color: var(--color-extra02); + } + } + &:hover { + .icon { + background-color: rgba(142,86,255, 1); + color: var(--color-white); + } + } + } + &.color-extra03-style { + .icon { + background-color: rgba(249,37,150, .1); + color: var(--color-extra03); + &:after { + background-color: var(--color-extra03); + } + } + &:hover { + .icon { + background-color: rgba(249,37,150, 1); + color: var(--color-white); + } + } + } + &.color-extra04-style { + .icon { + background-color: rgba(88,102,235, .1); + color: var(--color-extra04); + &:after { + background-color: var(--color-extra04); + } + } + &:hover { + .icon { + background-color: rgba(88,102,235, 1); + color: var(--color-white); + } + } + } + &.features-style-2 { + background-color: transparent; + box-shadow: none; + display: flex; + align-items: center; + padding: 30px 0; + text-align: left; + border-right: 1px solid rgba(255,255,255, .15); + padding-left: 40px; + @media #{$smlg-device} { + padding-left: 0; + border-right: none; + } + @media #{$md-layout} { + justify-content: center; + } + @media #{$sm-layout} { + justify-content: center; + } + @media #{$large-mobile} { + justify-content: flex-start; + } + + .edublink-svg-animate { + svg { + path { + stroke: #ffffff !important; + max-width: 38px; + } + } + } + &:first-child { + padding-left: 0; + } + &:last-child { + border-right: none; + } + .icon { + margin: 0; + background-color: rgba(255,255,255, .1); + color: var(--color-white); + } + .content { + padding-left: 20px; + .title { + margin-bottom: 0; + font-weight: var(--p-medium); + color: var(--color-white); + } + } + } + &.features-style-3 { + background-color: transparent; + box-shadow: none; + display: flex; + align-items: flex-start; + padding: 50px 25px 42px; + text-align: left; + @media #{$md-layout} { + padding: 40px 50px; + } + @media #{$sm-layout} { + padding: 30px 25px; + } + + &:first-child { + padding-left: 50px; + @media #{$sm-layout} { + padding-left: 25px; + } + } + .icon { + margin-top: 2px; + height: auto; + width: auto; + min-width: 50px; + background-color: transparent; + font-size: 40px; + margin-right: 20px; + margin-bottom: 0; + } + .content { + flex: 1; + p { + color: var(--color-body); + } + } + &:hover { + .icon { + background-color: transparent; + color: inherit; + } + &.color-primary-style { + background-color: rgba(26,182,157, .07); + &:hover { + .icon { + color: var(--color-primary); + } + } + } + &.color-secondary-style { + &:hover { + background-color: rgba(238,74,98, .07); + .icon { + color: var(--color-secondary); + } + } + } + &.color-extra02-style { + &:hover { + background-color: rgba(142,86,255, .07); + .icon { + color: var(--color-extra02); + } + } + } + } + } + + &.features-style-4 { + background-color: transparent; + box-shadow: none; + display: flex; + align-items: flex-start; + padding: 0; + text-align: left; + margin-bottom: 50px; + .icon { + mask-image: url(../../images/others/mask-08.png); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: cover; + -webkit-mask-position: center; + height: 83px; + width: 109px; + font-size: 40px; + margin-right: 30px; + margin-bottom: 0; + border-radius: 0; + position: relative; + @media #{$large-mobile} { + margin-right: 15px; + } + &:after { + content: ""; + mask-image: url(../../images/others/mask-07.png); + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + } + } + .content { + flex: 1; + .title { + font-weight: var(--p-bold); + margin-bottom: 5px; + } + p { + color: var(--color-body); + } + } + } +} + +.features-grid-wrap { + display: grid; + grid-template-columns: repeat(4, 1fr); + @media #{$md-layout} { + grid-template-columns: repeat(2, 1fr); + } + @media #{$sm-layout} { + grid-template-columns: repeat(2, 1fr); + } + @media #{$large-mobile} { + grid-template-columns: repeat(1, 1fr); + } +} + +.features-area-2 { + background: linear-gradient(-90deg, rgba(49,185,120,1) 0%, rgba(26,182,157,1) 100%); +} + +.features-area-3 { + .features-grid-wrap { + grid-template-columns: repeat(3, 1fr); + background-color: var(--color-white); + box-shadow: 0px 20px 40px 0px rgba(42,11,88,0.1); + border-radius: 5px; + margin-top: -120px; + position: relative; + z-index: 2; + @media only screen and (max-width: 991px) { + grid-template-columns: repeat(1, 1fr); + } + } +} + +.features-area-4 { + padding: 120px 0 90px; + @media #{$smlg-device} { + padding: 100px 0 90px; + } + @media #{$md-layout} { + padding: 60px 0 80px; + } + @media #{$sm-layout} { + padding: 60px 0; + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_gallery.scss b/public/assets/scss/template/_gallery.scss new file mode 100644 index 0000000..6e9492a --- /dev/null +++ b/public/assets/scss/template/_gallery.scss @@ -0,0 +1,74 @@ +/*------------------- + Gallery Styles +---------------------*/ +.edu-gallery-area { + .gallery-grid-wrap { + margin: -15px; + } +} + +.edu-gallery-grid { + position: relative; + display: block; + padding: 15px; + width: 33.33%; + @media #{$sm-layout} { + width: 50%; + } + @media #{$small-mobile} { + width: 100%; + } + .thumbnail { + position: relative; + img { + border-radius: 5px; + width: 100%; + } + &::before { + background: linear-gradient(-145deg, #31b978 0%, #1ab69d 100%); + border-radius: 5px; + position: absolute; + content: ""; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0; + transition: 0.3s; + } + } + .zoom-icon { + opacity: 0; + position: absolute; + top: 55%; + left: 50%; + transform: translate(-50%, -50%); + transition: 0.3s; + height: 70px; + width: 70px; + line-height: 70px; + background-color: var(--color-white); + border-radius: 50%; + text-align: center; + font-size: 20px; + color: var(--color-primary); + cursor: pointer; + @media #{$sm-layout} { + width: 50px; + height: 50px; + line-height: 52px; + font-size: 16px; + } + } + &:hover { + .thumbnail { + &:before { + opacity: .9; + } + } + .zoom-icon { + top: 50%; + opacity: 1; + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_hero_banner.scss b/public/assets/scss/template/_hero_banner.scss new file mode 100644 index 0000000..bbe8fd2 --- /dev/null +++ b/public/assets/scss/template/_hero_banner.scss @@ -0,0 +1,1467 @@ +/*------------------- + Hero Banner Styles +---------------------*/ +.hero-banner { + min-height: 660px; + display: flex; + align-items: center; + + @media #{$smlg-device} { + min-height: 600px; + } + @media #{$md-layout} { + min-height: 100%; + } + .banner-content { + position: relative; + z-index: 1; + @media #{$md-layout} { + text-align: center; + margin-bottom: 50px; + } + @media #{$sm-layout} { + text-align: center; + margin-bottom: 40px; + } + .subtitle { + font-family: var(--font-secondary); + font-weight: var(--p-bold); + color: var(--color-tertiary); + text-transform: uppercase; + letter-spacing: 2.6px; + font-size: 16px; + margin-bottom: 20px; + display: block; + } + .title { + margin-bottom: 18px; + @media #{$smlg-device} { + br { + display: none; + } + } + } + p { + color: var(--color-heading); + font-size: 18px; + } + .shape-group { + @extend %liststyle; + li { + margin: 0; + position: absolute; + z-index: -1; + &.shape-1 { + top: -75px; + left: -90px; + } + } + } + } + .banner-thumbnail { + margin-right: -75px; + position: relative; + z-index: 1; + @media #{$smlg-device} { + margin-right: 0; + } + .thumbnail { + text-align: right; + @media #{$md-layout} { + text-align: center; + } + @media #{$sm-layout} { + text-align: center; + } + } + .instructor-info { + position: absolute; + bottom: 70px; + left: 0; + @media #{$sm-layout} { + bottom: 40px; + } + .inner { + background-color: var(--color-white); + border-radius: 10px; + padding: 26px 30px 16px; + box-shadow: 0px 20px 40px 0px rgba(0,0,0,.1); + .title { + margin-bottom: 5px; + } + .media { + display: flex; + .thumb { + margin-left: -2px; + } + .content { + line-height: 1; + color: var(--color-heading); + font-weight: 500; + margin-top: 10px; + span { + display: block; + font-weight: 700; + color: var(--color-secondary); + } + } + } + } + } + .shape-group { + @extend %liststyle; + li { + margin: 0; + position: absolute; + z-index: -1; + &.shape-1 { + top: 50px; + left: 160px; + } + &.shape-2 { + top: 115px; + left: 170px; + } + &.shape-3 { + top: 45%; + left: 17%; + span { + &.circle-shape { + width: 41px; + height: 41px; + background: var(--color-tertiary); + border-radius: 100%; + } + } + } + &.shape-4 { + top: 114px; + right: 41px; + z-index: 1; + } + &.shape-5 { + bottom: 100px; + right: -50px; + } + &.shape-6 { + bottom: 132px; + right: -98px; + } + } + } + } + + &.presentation-hero-style { + min-height: 745px; + flex-direction: column; + position: relative; + justify-content: center; + z-index: 1; + clip-path: none; + min-height: 930px; + margin-top: -110px; + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/bg-image-27.png); + z-index: -1; + } + @media #{$md-layout} { + min-height: 740px; + } + @media #{$sm-layout} { + min-height: 600px; + } + .banner-content { + text-align: center; + padding-bottom: 30px; + @media #{$sm-layout} { + padding: 160px 0; + } + .subtitle { + letter-spacing: 1px; + background: #31B978; + background: linear-gradient(to left, #31B978 0%, #1AB69D 76%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + margin-bottom: 40px; + @media #{$sm-layout} { + font-size: 14px; + } + } + .title { + margin-bottom: 40px; + } + &:before, + &:after { + content: ''; + display: block; + position: absolute; + z-index: -1; + transition: var(--transition); + border-radius: 50%; + border: 1px solid #dae1e3; + @media #{$sm-layout} { + display: none; + } + } + &:before { + height: 570px; + width: 570px; + top: -140px; + left: 200px; + animation: ripple_3 2.5s linear 1s infinite; + @media #{$smlg-device} { + left: 110px; + } + @media #{$md-layout} { + height: 400px; + width: 400px; + left: 154px; + top: -70px; + } + } + &:after { + height: 370px; + width: 370px; + top: -43px; + left: 299px; + animation: ripple_3 2.5s linear infinite; + @media #{$smlg-device} { + left: 210px; + } + @media #{$md-layout} { + height: 300px; + width: 300px; + left: 202px; + top: -16px; + } + } + p { + width: 70%; + margin: 0 auto 30px; + @media #{$md-layout-1} { + width: 100%; + } + } + } + .banner-gallery { + display: block; + position: initial; + @media #{$md-layout-1} { + display: none; + } + .thumbnail { + position: absolute; + z-index: 2; + img { + @media #{$laptop-device} { + width: 75%; + } + @media #{$smlg-device} { + width: 65%; + } + } + &.thumbnail-1 { + top: 225px; + left: 0; + img { + animation: none; + } + } + &.thumbnail-2 { + top: inherit; + bottom: 158px; + right: inherit; + left: 0; + padding: 0; + } + &.thumbnail-3 { + top: 195px; + right: 0; + img { + border-radius: 0; + } + } + &.thumbnail-4 { + bottom: 180px; + right: 0; + @media #{$laptop-device, $smlg-device} { + right: -115px; + } + } + &.thumbnail-5 { + top: 135px; + left: 325px; + border-radius: 10px; + img { + border-radius: 10px; + box-shadow: 0 20px 50px 0 rgba(0,0,0,.04); + + } + @media #{$sm-layout} { + display: none; + } + } + } + } + .shape-group { + @media #{$md-layout-1} { + display: none; + } + li { + img { + @media #{$laptop-device} { + width: 75%; + } + @media #{$smlg-device} { + width: 65%; + } + } + &.shape-1 { + top: auto; + bottom: 37%; + left: 19%; + @media #{$laptop-device} { + bottom: 32%; + left: 19%; + } + img { + opacity: 1; + } + } + &.shape-2 { + top: auto; + bottom: 29%; + left: 20%; + z-index: 2; + } + &.shape-3 { + top: 145px; + bottom: auto; + left: auto; + right: 13%; + } + &.shape-4 { + top: 29%; + bottom: auto; + left: auto; + right: 15%; + z-index: 2; + @media #{$laptop-device} { + top: 19%; + right: 23%; + } + span { + display: block; + height: 100px; + width: 100px; + border: 16px solid var(--color-tertiary); + border-radius: 50%; + @media #{$laptop-device} { + height: 50px; + width: 50px; + border: 7px solid var(--color-tertiary); + } + + } + } + } + } + } + &.hero-style-1 { + align-items: flex-end; + position: relative; + background-color: var(--bg-color); + + &::before { + content: ''; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 100%; + + background-image: url(../../images/banner/BG-1.webp); + @media #{$md-layout-1} { + display: none; + } + } + @media #{$md-layout} { + padding-top: 95px; + } + @media #{$sm-layout} { + padding-top: 75px; + } + .banner-content { + .shape-group { + @media #{$smlg-device} { + display: none; + } + } + } + .banner-thumbnail { + .shape-group { + @media #{$smlg-device} { + display: none; + } + .shape-1 { + animation: edublink-sm-x-move 3.5s alternate infinite linear; + } + } + } + .shape-7 { + position: absolute; + right: -6px; + top: 13%; + z-index: 1; + @media #{$smlg-device} { + display: none; + } + + img { + filter: opacity(.7); + -webkit-filter: opacity(.7); + } + } + } + &.hero-style-2 { + padding: 143px 0 180px; + background-position: center bottom; + position: relative; + + @media #{$smlg-device} { + padding: 0; + } + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: url(../../images/bg/bg-image-1.svg); + filter: brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(503%) hue-rotate(316deg) brightness(103%) contrast(92%); + background-size: cover; + background-position: center; + z-index: -1; + } + @media #{$md-layout} { + padding: 100px 0 150px; + } + @media #{$sm-layout} { + padding: 80px 0 150px; + } + .banner-gallery { + text-align: right; + display: grid; + grid-template-columns: repeat(2, 1fr); + position: relative; + z-index: 1; + .thumbnail { + &.thumbnail-1 { + img { + border-radius: 0 70px 0 110px; + } + } + &.thumbnail-2 { + padding-top: 120px; + padding-left: 30px; + @media #{$md-layout} { + text-align: left; + } + @media #{$sm-layout} { + text-align: left; + padding-top: 0; + } + img { + border-radius: 50px 0 90px 0; + } + } + } + .online-support { + position: absolute; + left: 50px; + bottom: 40px; + @media #{$sm-layout} { + display: none; + } + .inner { + display: flex; + padding: 30px; + align-items: center; + box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1); + background: #FFFFFF; + border-radius: 50px 10px 50px 10px; + .icon { + width: 50px; + height: 50px; + background: rgba(238,74,98,0.1); + display: flex; + justify-content: center; + align-items: center; + border-radius: 50%; + margin-right: 15px; + color: var(--color-secondary); + font-size: 22px; + } + .content { + text-align: left; + .subtitle { + font-size: 13px; + font-weight: var(--p-bold); + color: rgba(20,20,23, .5); + text-transform: uppercase; + margin-bottom: 5px; + display: block; + } + .title { + font-weight: var(--p-medium); + line-height: 1; + margin-bottom: 0; + a { + color: var(--color-secondary); + } + } + } + } + } + .shape-group { + @extend %liststyle; + @media #{$sm-layout} { + display: none; + } + li { + margin: 0; + position: absolute; + z-index: -1; + &.shape-1 { + top: -58px; + right: 125px; + // &.shape-light { + // display: inline-block; + // } + + // &.shape-dark { + // display: none; + // } + } + &.shape-2 { + top: 85px; + right: -50px; + } + &.shape-3 { + bottom: 30px; + right: -108px; + } + &.shape-4 { + bottom: -10px; + left: -12px; + } + } + } + } + } + &.hero-style-3 { + min-height: 715px; + position: relative; + z-index: 1; + mask-image: url(../../images/others/mask-01.png); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: cover; + -webkit-mask-position: center; + @media #{$md-layout} { + min-height: 100%; + } + @media #{$sm-layout} { + min-height: 100%; + } + + .swiper-slide { + padding: 0; + display:block; + &:before { + content: ""; + height: 100%; + width: 100%; + background: linear-gradient( 90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 80%); + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 1; + } + img { + transform: scale(1.4); + transition: transform 5s linear; + max-width: 100%; + width: 100%; + background-size: cover; + background-position: 100%; + min-height: 715px; + object-fit: cover; + } + &.swiper-slide-duplicate-active, + &.swiper-slide.swiper-slide-active { + img { + transform: scale(1); + } + } + } + .thumbnail-bg-content { + + .banner-content { + max-width: 560px; + position: absolute; + left: 0; + bottom: 280px; + z-index: 12; + @media #{$custom-lg-device-six} { + bottom: 240px; + } + @media #{$md-layout-1} { + max-width: 100%; + bottom: 220px; + } + .subtitle { + opacity: 0; + visibility: hidden; + transform: translateY(50px); + transition-delay: 1500ms; + } + .title { + color: var(--color-white); + font-weight: var(--p-extra-bold); + opacity: 0; + visibility: hidden; + transform: translateY(60px); + transition-delay: 1700ms; + } + p { + color: var(--color-white); + font-size: 18px; + opacity: 0; + visibility: hidden; + transform: translateY(70px); + transition-delay: 1900ms; + } + .banner-btn { + opacity: 0; + transform: translateY(80px); + transition-delay: 2100ms; + } + } + } + .swiper-slide-active { + .thumbnail-bg-content { + .banner-content{ + .subtitle { + opacity: 1; + visibility: visible; + transform: translateY(0px); + } + .title { + opacity: 1; + visibility: visible; + transform: translateY(0px); + } + p { + opacity: 1; + visibility: visible; + transform: translateY(0px); + } + .banner-btn { + opacity: 1; + visibility: visible; + transform: translateY(0px); + } + } + } + } + + .shape-group { + @extend %liststyle; + @media #{$md-layout} { + display: none; + } + @media #{$sm-layout} { + display: none; + } + li { + margin: 0; + position: absolute; + z-index: 1; + &.shape-1 { + top: 45px; + left: 8.2%; + @media #{$extra-device} { + left: 4.2%; + } + @media #{$lg-layout-1} { + display: none; + } + } + &.shape-2 { + top: 21px; + left: 26%; + } + &.shape-3 { + top: -290px; + left: -153px; + } + } + } + .hero-slider-bg-controls { + position: absolute; + right: 70px; + top: 50%; + transform: translateY(-50%); + z-index: 10; + @media #{$md-layout-1} { + display: none; + } + + .swiper-slide-controls { + display: inline-block; + width: 60px; + height: 60px; + line-height: 60px; + transition: all .4s ease-out; + background-color: var(--color-white); + color: var(--color-heading); + i { + font-size: 20px; + line-height: 58px; + } + cursor: pointer; + + &:hover { + transition: all .4s ease-out; + background-color: var(--color-secondary); + color: var(--color-white); + } + } + + .slide-prev, + .slide-next { + position: relative; + width: 60px!important; + margin-left: auto; + margin-right: 6px; + text-align: center; + border-radius: 50%; + box-shadow: var(--shadow-darker3); + } + .slide-next { + right: 0px; + top: -69px; + } + .slide-prev { + right: -70px; + top: 0; + } + } + } + &.hero-style-4 { + min-height: 745px; + flex-direction: column; + position: relative; + justify-content: center; + z-index: 1; + clip-path: polygon(0 0%, 100% 0%, 100% 92%, 0% 100%); + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/bg-image-18.webp); + z-index: -1; + } + @media #{$md-layout} { + clip-path: polygon(0 0%, 100% 0%, 100% 92%, 0% 97%); + } + @media #{$sm-layout} { + clip-path: none; + } + .banner-content { + text-align: center; + padding-bottom: 30px; + p { + width: 70%; + margin: 0 auto 30px; + @media #{$md-layout-1} { + width: 100%; + } + } + } + .banner-gallery { + display: block; + position: initial; + .thumbnail { + position: absolute; + @media #{$laptop-device} { + width: 17%; + } + @media #{$smlg-device} { + width: 15%; + } + @media #{$large-mobile} { + width: 30%; + } + @media #{$md-layout-1} { + display: none; + } + &.thumbnail-1 { + top: 140px; + left: 120px; + @media #{$laptop-device} { + left: 30px; + } + @media only screen and (max-width: 1200px) { + left: 80px; + } + + img { + border-radius: 0; + animation: radiusChange 8s linear infinite; + } + } + &.thumbnail-2 { + top: 100px; + right: 120px; + padding-top: 0; + @media #{$laptop-device} { + right: 40px; + } + @media #{$md-layout} { + right: 15px; + } + @media #{$sm-layout} { + right: 15px; + } + img { + border-radius: 50px 0px; + animation: radiusChange2 5s linear; + } + } + &.thumbnail-3 { + bottom: 160px; + right: 310px; + padding-top: 0; + @media #{$laptop-device} { + right: 200px; + } + @media #{$smlg-device} { + right: 100px; + } + @media #{$md-layout} { + right: 15px; + } + @media #{$sm-layout} { + right: 15px; + } + img { + border-radius: 10px 40px; + } + } + } + .online-support { + position: absolute; + left: 240px; + bottom: 160px; + @media #{$smlg-device} { + left: 100px; + bottom: 100px; + } + @media #{$md-layout-1} { + display: none; + } + @media #{$sm-layout} { + left: 0; + bottom: -40px; + } + .inner { + display: flex; + padding: 30px; + align-items: center; + box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1); + background: #FFFFFF; + border-radius: 50px 10px 50px 10px; + .icon { + width: 50px; + height: 50px; + background: rgba(238,74,98,0.1); + display: flex; + justify-content: center; + align-items: center; + border-radius: 50%; + margin-right: 15px; + color: var(--color-secondary); + font-size: 22px; + } + .content { + text-align: left; + .subtitle { + font-size: 13px; + font-weight: var(--p-bold); + color: rgba(20,20,23, .5); + text-transform: uppercase; + margin-bottom: 5px; + display: block; + } + .title { + color: var(--color-heading); + font-weight: var(--p-medium); + line-height: 1; + margin-bottom: 0; + } + } + } + } + } + .scroll-down-btn { + position: absolute; + bottom: -75px; + left: 50%; + transform: translateX(-50%); + @media #{$sm-layout} { + bottom: -10px; + z-index: 12; + } + .scroll-btn { + height: 200px; + width: 200px; + background-color: rgba(255,255,255, .5); + border-radius: 50%; + display: flex; + justify-content: center; + position: relative; + @media #{$sm-layout} { + height: 50px; + width: 50px; + background-color: rgba(255,255,255, 1); + box-shadow: 0 1px 5px 0 rgba(0,0,0,.2); + align-items: center; + } + i { + padding-top: 40px; + font-size: 26px; + color: var(--color-primary); + @media #{$sm-layout} { + font-size: 16px; + padding-top: 0; + } + } + &:before, + &:after { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + z-index: -1; + bottom: 0; + left: 0; + -webkit-transition: var(--transition); + transition: var(--transition); + border-radius: 50%; + border: 1px solid #dfe7e9; + @media #{$sm-layout} { + display: none; + } + } + &:before { + animation: ripple_2 3s linear infinite; + } + &:after { + animation: ripple_2 3s linear 1s infinite; + } + } + } + .shape-group { + @extend %liststyle; + li { + margin: 0; + position: absolute; + z-index: -1; + @media #{$md-layout} { + width: 10%; + } + @media #{$sm-layout} { + width: 10%; + } + &.shape-1 { + top: 50px; + left: 195px; + img { + opacity: .5; + } + @media only screen and (max-width: 1599px) { + left: 161px; + } + } + &.shape-2 { + top: 85px; + left: 335px; + img { + width: 130px; + } + @media only screen and (max-width: 1599px) { + left: 215px; + } + } + &.shape-3 { + bottom: 200px; + left: 130px; + } + &.shape-4 { + bottom: 220px; + left: 26%; + } + &.shape-5 { + top: 35px; + right: 24%; + } + &.shape-6 { + top: 66px; + right: 88px; + @media only screen and (max-width: 1599px) { + right: 8px; + } + } + &.shape-7 { + bottom: 210px; + right: 60px; + @media only screen and (max-width: 1599px) { + bottom: 220px; + right: -50px; + } + img { + opacity: .3; + } + } + &.shape-8 { + z-index: -2; + bottom: 120px; + left: -95px; + span { + display: block; + height: 270px; + width: 270px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + } + } + } + &.hero-style-5 { + background-color: var(--color-lighten04); + mask-image: url(../../images/others/mask-02.webp); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: cover; + -webkit-mask-position: center; + min-height: 715px; + position: relative; + @media #{$md-layout} { + padding: 100px 0; + } + @media #{$sm-layout} { + padding: 80px 0; + } + .banner-thumbnail { + margin-right: 0; + text-align: right; + padding: 40px; + @media #{$md-layout} { + text-align: center; + } + .thumbnail { + display: inline-block; + background-color: var(--color-white); + border-radius: 10px; + padding: 20px; + box-shadow: var(--shadow-darker); + position: relative; + } + .shape-group { + @media #{$lg-layout} { + display: block; + } + li { + @media #{$md-layout} { + width: 100%; + } + } + img { + transform: none; + } + .shape-1 { + top: 0; + left: auto; + right: 0; + @media #{$md-layout} { + left: 0; + right: 0; + } + } + .shape-2 { + top: auto; + bottom: 85px; + left: 52px; + z-index: 1; + } + .shape-3 { + top: 18px; + left: auto; + right: -45px; + z-index: -2; + } + .shape-4 { + top: -45px; + right: 8px; + } + } + } + .shape-group { + @extend %liststyle; + @media #{$sm-layout} { + display: none; + } + li { + margin: 0; + position: absolute; + z-index: -1; + @media #{$md-layout} { + width: 15%; + } + &.shape-1 { + top: 40px; + left: 70px; + } + &.shape-2 { + bottom: 28px; + left: 160px; + } + &.shape-3 { + top: 85px; + left: 46%; + } + &.shape-4 { + bottom: 70px; + right: 205px; + } + &.shape-5 { + top: 55px; + right: 75px; + } + } + } + } + &.hero-style-6 { + min-height: 710px; + position: relative; + z-index: 1; + @media #{$md-layout} { + padding: 100px 0 0; + } + @media #{$sm-layout} { + padding: 80px 0 0; + } + &:before { + content: ""; + height: 100%; + width: 100%; + background-color: var(--color-lighten01); + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: -1; + mask-image: url(../../images/others/mask-03.webp); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: cover; + -webkit-mask-position: center; + } + + .banner-thumbnail { + margin-right: -15px; + text-align: right; + margin-bottom: -125px; + @media #{$md-layout} { + margin-bottom: 0; + margin-right: 0; + text-align: center; + } + @media #{$sm-layout} { + margin-bottom: 0; + margin-right: 0; + text-align: center; + } + .thumbnail { + display: inline-block; + position: relative; + } + .shape-group { + @media #{$smlg-device, $sm-layout} { + display: block; + } + img { + opacity: 1; + } + .shape-1 { + top: 80px; + left: auto; + right: 15px; + @media #{$md-layout-1} { + right: inherit; + left: 180px; + } + @media #{$sm-layout} { + left: 60px; + } + } + .shape-2 { + top: auto; + bottom: 250px; + left: 80px; + z-index: 1; + @media #{$sm-layout} { + display: none; + } + } + .shape-3 { + top: 80px; + left: auto; + right: -75px; + z-index: -2; + } + .shape-4 { + top: 26px; + right: 22px; + @media #{$sm-layout} { + display: none; + } + } + } + } + .shape-group { + @extend %liststyle; + @media #{$sm-layout} { + display: none; + } + li { + margin: 0; + position: absolute; + z-index: -1; + img { + opacity: .2; + } + &.shape-1 { + top: 45px; + left: 250px; + } + &.shape-2 { + bottom: 26px; + left: 115px; + } + &.shape-3 { + top: 25px; + right: 0px; + z-index: -1; + } + } + } + } + &.hero-style-7 { + min-height: 820px; + flex-direction: column; + position: relative; + justify-content: center; + background: linear-gradient(-90deg, rgba(49,185,120, .2) 0%, rgba(26, 182, 157, .2) 100%); + overflow: hidden; + @media #{$md-layout} { + min-height: 100%; + padding: 80px 0 100px; + } + @media #{$sm-layout} { + min-height: 100%; + padding: 60px 0 80px; + } + .banner-content { + text-align: center; + padding-top: 30px; + z-index: 2; + @media #{$md-layout} { + padding-top: 0; + } + @media #{$sm-layout} { + padding-top: 0; + } + p { + width: 70%; + margin: 0 auto 30px; + @media #{$sm-layout} { + width: 100%; + } + } + .features-list { + display: flex; + align-items: center; + justify-content: center; + margin: 0 -50px; + padding-top: 65px; + @media #{$sm-layout} { + margin: 0 -20px; + padding-top: 50px; + } + @media #{$large-mobile} { + margin: 0 -5px; + } + } + .features-box { + background-color: transparent; + padding: 0; + box-shadow: none; + margin: 0 50px; + @media #{$sm-layout} { + margin: 0 20px; + } + @media #{$large-mobile} { + margin: 0 5px; + } + .icon { + color: var(--color-white); + } + .content { + .title { + @media #{$large-mobile} { + font-size: 14px; + } + } + } + &.color-extra02-style{ + .icon { + background-color: rgba(142, 86, 255, 1); + } + } + &.color-secondary-style { + .icon { + background-color: rgba(238, 74, 98, 1); + } + } + &.color-primary-style { + .icon { + background-color: rgba(26, 182, 157, 1); + } + } + } + } + .banner-gallery { + display: block; + position: initial; + .thumbnail { + position: absolute; + @media #{$laptop-device} { + width: 20%; + } + @media #{$smlg-device} { + width: 20%; + } + @media #{$sm-layout} { + display: none; + } + img { + border-radius: 0; + } + &.thumbnail-1 { + bottom: 160px; + left: 130px; + @media #{$lg-layout-1} { + left: 20px; + } + @media #{$md-layout} { + bottom: 50%; + } + @media #{$smlg-device} { + bottom: 50%; + } + } + &.thumbnail-2 { + bottom: 120px; + right: 150px; + padding-top: 0; + @media #{$lg-layout-1} { + right: 20px; + } + @media #{$md-layout} { + bottom: 50%; + } + @media #{$smlg-device} { + bottom: 50%; + } + } + } + } + .shape-group { + @extend %liststyle; + @media #{$sm-layout} { + display: none; + } + li { + margin: 0; + position: absolute; + z-index: -1; + img { + opacity: .3; + } + &.shape-1 { + top: 100px; + left: 82px; + } + &.shape-2 { + top: 47%; + left: 24%; + } + &.shape-3 { + bottom: 0; + left: 44%; + } + &.shape-4 { + top: 220px; + right: 21%; + } + &.shape-5 { + top: 135px; + right: 65px; + } + &.shape-6 { + top: -60px; + left: 35%; + img { + opacity: 1; + } + } + &.shape-7 { + bottom: -35px; + right: 21%; + img { + opacity: 1; + } + } + } + } + } + +} \ No newline at end of file diff --git a/public/assets/scss/template/_instagram.scss b/public/assets/scss/template/_instagram.scss new file mode 100644 index 0000000..549d852 --- /dev/null +++ b/public/assets/scss/template/_instagram.scss @@ -0,0 +1,77 @@ +/*------------------- + Instagram Styles +---------------------*/ +.instagram-grid { + text-align: center; + a { + position: relative; + border-radius: 5px; + overflow: hidden; + display: block; + img { + border-radius: 5px; + transition: var(--transition); + width: 100%; + } + &:after { + content: ""; + height: 100%; + width: 100%; + background-color: var(--color-black); + border-radius: 5px; + opacity: .5; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + visibility: hidden; + opacity: 0; + transition: var(--transition); + } + .user-info { + position: absolute; + top: 50%; + left: 0; + right: 0; + transform: translateY(-50%) scale(1.5); + z-index: 1; + color: var(--color-white); + visibility: hidden; + opacity: 0; + transition: var(--transition); + + .icon { + display: block; + font-size: 26px; + // @media #{$smlg-device} { + // font-size: 20px; + // } + } + .user-name { + font-size: 18px; + font-family: var(--font-secondary); + font-weight: var(--p-semi-bold); + // @media #{$smlg-device} { + // font-size: 15px; + // } + } + } + } + &:hover { + a { + img { + transform: scale(1.1); + } + &:after { + visibility: visible; + opacity: .5; + } + .user-info { + transform: translateY(-50%) scale(1); + visibility: visible; + opacity: 1; + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_pricing.scss b/public/assets/scss/template/_pricing.scss new file mode 100644 index 0000000..a1ac1a3 --- /dev/null +++ b/public/assets/scss/template/_pricing.scss @@ -0,0 +1,91 @@ +/*------------------- + Pricing Table Styles +---------------------*/ +.pricing-table { + background-color: var(--color-white); + box-shadow: var(--shadow-darker); + border-radius: 5px; + padding: 50px 30px 45px; + position: relative; + text-align: center; + .pricing-header { + margin-bottom: 35px; + text-align: center; + border-bottom: 1px solid #e7e7e7; + .price-wrap { + font-family: var(--font-secondary); + line-height: 1; + margin-bottom: 20px; + .amount { + font-weight: var(--p-bold); + font-size: 40px; + color: var(--color-heading); + display: block; + margin-bottom: 18px; + } + .duration { + color: var(--color-body); + font-size: 15px; + font-weight: var(--p-medium); + } + } + + .title { + text-transform: uppercase; + font-family: var(--font-secondary); + font-weight: var(--p-medium); + font-size: 15px; + color: var(--color-primary); + margin-bottom: 18px; + } + } + + .pricing-body { + margin-bottom: 40px; + .list-item { + @extend %liststyle; + li{ + display: flex; + align-items: center; + margin: 0; + justify-content: center; + color: var(--color-heading); + i { + color: var(--color-primary); + margin-right: 10px; + } + & + li { + margin-top: 16px; + } + &.item-off { + color: var(--color-body); + i { + color: var(--color-body); + opacity: .5; + } + } + } + } + } + .edu-btn { + &.btn-border { + padding: 0 30px; + i { + font-size: 15px; + font-weight: 600; + top: 2px; + padding-left: 10px; + } + &:after { + display: block; + } + } + } + &:hover { + .edu-btn { + background-color: var(--color-primary); + color: var(--color-white); + border-color: var(--color-primary); + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_privacy_policy.scss b/public/assets/scss/template/_privacy_policy.scss new file mode 100644 index 0000000..a12cb9e --- /dev/null +++ b/public/assets/scss/template/_privacy_policy.scss @@ -0,0 +1,47 @@ +/*------------------- + Privacy Policy Style +---------------------*/ +.privacy-policy-area { + padding: 120px 0 100px; + @media #{$md-layout} { + padding: 100px 0; + } + @media #{$sm-layout} { + padding: 80px 0; + } +} +.privacy-policy { + padding-right: 50px; + h4.title { + margin-bottom: 25px; + } + p { + margin-bottom: 28px; + } + .text-block { + margin-bottom: 60px; + @media #{$sm-layout} { + margin-bottom: 50px; + } + &:last-child { + margin-bottom: 0; + } + } + ul { + @extend %liststyle; + li { + padding-left: 30px; + position: relative; + margin-top: 15px; + margin-bottom: 15px; + &:after { + content: "\e913"; + font-family: var(--font-icomoon); + color: var(--color-primary); + position: absolute; + left: 0; + top: 0; + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_product_details.scss b/public/assets/scss/template/_product_details.scss new file mode 100644 index 0000000..7fedbfa --- /dev/null +++ b/public/assets/scss/template/_product_details.scss @@ -0,0 +1,232 @@ +/*---------------------------- + Product Details Styles +------------------------------*/ +.product-details-area { + padding-bottom: 95px; + @media #{$md-layout} { + padding-bottom: 70px; + } + @media #{$sm-layout} { + padding-bottom: 50px; + } + .thumbnail { + border: 1px solid var(--color-border); + text-align: center; + } + .content { + .title { + margin-bottom: 12px; + } + .product-rating { + display: flex; + align-content: center; + margin-bottom: 10px; + .rating { + margin-right: 5px; + i { + font-size: 14px; + color: #f8b81f; + padding: 0; + } + } + .rating-count { + font-size: 14px; + color: var(--color-heading); + font-weight: 600; + } + } + .price { + font-size: 18px; + font-weight: 600; + color: var(--color-primary); + font-family: var(--font-secondary); + } + p { + margin-top: 22px; + margin-bottom: 34px; + } + .product-action { + .edu-quantity-btn { + + } + .add-to-cart-btn { + margin-top: 40px; + display: flex; + align-items: center; + + @media #{$large-mobile} { + margin-top: 20px; + } + a { + margin-right: 10px; + &:last-child { + margin-right: 0; + } + } + .wishlist-btn { + border: 1px solid var(--color-border); + height: 50px; + width: 50px; + line-height: 50px; + border-radius: 5px; + i { + font-size: 16px; + color: var(--color-heading); + } + &:hover { + border-color: var(--color-secondary); + i { + color: var(--color-white); + } + } + } + } + } + + .product-feature { + @extend %liststyle; + margin-top: 32px; + li { + font-weight: 400; + margin: 6px 0; + font-size: 16px; + span { + font-weight: 600; + color: var(--color-heading); + } + a { + position: relative; + display: inline-block; + &::after { + position: absolute; + content: ","; + right: -3px; + } + &:last-child { + &:after { + display: none; + } + } + } + } + } + } +} + +.product-description-nav { + border-bottom: 1px solid var(--color-border); + justify-content: center; + margin-bottom: 35px; + .nav-item { + margin: 0 5px; + button { + &.nav-link { + background: transparent; + border: 0 none; + font-weight: 600; + font-size: 16px; + line-height: 28px; + padding: 22px 25px; + color: var(--color-body); + font-family: var(--font-secondary); + position: relative; + transition: 0.3s; + &::after { + position: absolute; + content: ""; + bottom: 0; + left: 0; + height: 2px; + background: var(--color-primary); + transition: 0.4s; + width: 0; + } + &:hover, + &.active { + color: var(--color-heading); + &::after { + width: 100%; + } + } + } + } + } +} + +.product-description-content { + .comment-area { + margin-top: 0; + border-bottom: 1px solid var(--color-border); + padding-bottom: 45px; + .heading-title { + margin-bottom: 40px; + } + } + .comment-list-wrapper { + .comment { + .comment-content { + .title { + display: flex; + align-items: center; + @media #{$small-mobile} { + display: block; + } + } + .date { + margin-bottom: 0; + font-size: 15px; + color: var(--color-body); + font-weight: 400; + margin-left: 5px; + @media #{$small-mobile} { + margin-left: 0; + margin-top: 4px; + } + } + .rating { + font-size: 13px; + color: #ffc92e; + margin-bottom: 16px; + } + } + } + } + .comment-form-area { + margin-top: 70px; + } + .comment-form { + .review-rating { + display: flex; + align-items: center; + margin-bottom: 15px; + .title { + margin-bottom: 0; + margin-right: 15px; + } + .rating { + font-size: 14px; + color: #ffc92e; + } + } + .form-group { + label { + color: var(--color-body); + margin-bottom: 5px; + } + input { + box-shadow: none; + border: 1px solid var(--color-border); + height: 50px; + } + textarea { + box-shadow: none; + border: 1px solid var(--color-border); + } + .edu-form-check { + label:before { + background-color: transparent; + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_shop.scss b/public/assets/scss/template/_shop.scss new file mode 100644 index 0000000..80082a4 --- /dev/null +++ b/public/assets/scss/template/_shop.scss @@ -0,0 +1,749 @@ +/*------------------- + Shop Styles +---------------------*/ +.edu-product { + margin-bottom: 15px; + + .inner { + text-align: center; + + >.thumbnail { + position: relative; + + >a { + display: block; + border: 1px solid var(--color-border); + overflow: hidden; + + img { + width: 100%; + transition: var(--transition); + } + } + + .product-hover-info { + text-align: center; + position: absolute; + top: 55%; + left: 0; + right: 0; + transform: translateY(-50%); + transition: var(--transition); + opacity: 0; + visibility: hidden; + z-index: 1; + + ul { + @extend %liststyle; + + li { + margin: 0; + padding: 7px; + position: relative; + + a { + text-align: center; + font-size: 18px; + color: var(--color-black); + height: 36px; + width: 36px; + line-height: 40px; + background-color: var(--color-white); + border-radius: 50%; + box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1); + + &:hover { + background-color: var(--color-primary); + color: var(--color-white); + } + } + + } + } + } + } + + .content { + padding-top: 26px; + + .title { + font-size: 16px; + margin-bottom: 8px; + } + + .product-rating { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 8px; + + .rating { + color: #ffc92e; + transition: var(--transition); + font-size: 14px; + } + + .rating-count { + font-size: 14px; + font-weight: 500; + color: var(--color-heading); + margin-left: 5px; + transition: var(--transition); + } + } + + .price { + font-size: 14px; + font-family: var(--font-secondary); + font-weight: var(--p-semi-bold); + color: var(--color-primary); + } + } + } + + &:hover { + .inner { + .thumbnail { + a { + box-shadow: var(--shadow-darker); + border-color: var(--color-white); + + img { + transform: scale(1.1); + opacity: .3; + } + } + + .product-hover-info { + top: 50%; + visibility: visible; + opacity: 1; + } + } + } + } +} + +// Cart Page Style + +.pro-qty { + width: 136px; + height: 55px; + border-radius: 5px; + border: 1px solid var(--color-border); + display: flex; + align-items: center; + justify-content: space-between; + padding: 5px 18px; + @media #{$large-mobile} { + width: 110px; + height: 50px; + } + input { + width: 28px; + float: left; + border: none; + height: 32px; + line-height: 30px; + padding: 0; + text-align: center; + background-color: transparent; + font-size: 15px; + margin: 0 12px; + color: #101010; + } + .qtybtn { + display: block; + float: left; + cursor: pointer; + text-align: center; + font-size: 20px; + color: #848484; + transition: 0.3s; + &:hover { + color: var(--color-primary); + } + } + input::-webkit-outer-spin-button, + input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; + } + input[type=number] { + -moz-appearance: textfield; + } +} + +.cart-table { + th, + td { + border: none; + border-bottom: 1px solid #e6e6e6 !important; + &:last-child { + @media #{$sm-layout} { + border-bottom: none; + } + } + } + + thead { + @media #{$sm-layout} { + display: none; + } + + th { + font-size: 16px; + font-weight: var(--p-semi-bold); + font-family: var(--font-secondary); + text-transform: capitalize; + color: var(--color-heading); + padding: 18px 15px; + + @media only screen and (max-width: 991px) { + padding: 20px 10px; + } + } + } + + tbody { + + tr { + @media #{$sm-layout} { + padding-left: 120px; + position: relative; + display: block; + border-bottom: 1px solid var(--color-lighter); + margin-bottom: 30px; + + &:last-child { + margin-bottom: 0; + } + } + + @media #{$large-mobile} { + padding-left: 90px; + } + } + + td { + vertical-align: middle; + padding: 30px 15px; + font-size: 15px; + color: #222222; + min-width: 150px; + + @media only screen and (max-width: 991px) { + font-size: 18px; + padding: 20px 10px; + } + + @media #{$sm-layout} { + font-size: 16px; + display: block; + text-align: right; + padding: 10px 0; + position: relative; + + &:before { + content: attr(data-title) " :"; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + font-size: 13px; + color: var(--color-black); + } + } + + &.product-remove { + min-width: auto; + + @media #{$sm-layout} { + position: absolute; + top: 0; + right: 0; + border-bottom: none !important; + z-index: 1; + } + + .remove-wishlist { + display: block; + text-align: center; + height: 32px; + width: 32px; + line-height: 30px; + font-size: 14px; + color: var(--color-black); + transition: var(--transition); + + @media #{$sm-layout} { + font-size: 10px; + } + + &:hover { + color: var(--color-primary); + } + } + + &:before { + display: none; + } + } + + &.product-thumbnail { + width: 110px; + @media #{$sm-layout} { + width: 80px; + position: absolute; + left: 0; + top: 0; + border-bottom: none !important; + text-align: left; + } + a { + border: 1px solid var(--color-border); + img { + height: 110px; + @media #{$large-mobile} { + height: 85px; + } + } + } + + &:before { + display: none; + } + } + + &.product-title { + width: 30%; + color: var(--color-heading); + font-size: 16px; + font-weight: var(--p-semi-bold); + font-family: var(--font-secondary); + + @media #{$sm-layout} { + width: 100%; + text-align: left; + padding-right: 40px; + } + + a { + transition: var(--transition); + } + + &:before { + display: none; + } + } + &.product-quantity { + .pro-qty { + margin: 0 auto; + margin-right: 0; + } + } + } + } +} + +.wishlist-table { + tbody { + td { + &.product-add-cart { + &:before { + display: none; + } + } + } + } +} + +.cart-update-btn-area { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 30px; + + @media #{$large-mobile} { + display: block; + } + .product-cupon { + flex-wrap: nowrap; + border: 1px solid #e6e6e6; + border-radius: 5px; + height: 50px; + padding: 5px 5px 5px 20px; + max-width: 430px; + input { + padding: 0; + border: none; + height: auto; + padding-right: 20px; + } + .submit-btn { + border: none; + background: var(--gradient-primary); + color: var(--color-white); + border-radius: 5px !important; + padding: 5px 22px; + font-size: 12px; + + } + } + + .update-btn { + text-align: right; + + @media #{$large-mobile} { + text-align: left; + margin-top: 20px; + } + + .edu-btn { + &.disabled { + opacity: .5; + } + } + } +} + +.order-summery { + margin-top: 100px; + @media #{$sm-layout} { + margin-top: 80px; + } + .title { + margin-bottom: 24px; + } + .summery-table { + tbody { + td { + border-color: #e6e6e6; + font-size: 16px; + color: var(--color-heading); + padding: 14px 30px; + &:first-child { + font-weight: var(--p-semi-bold); + width: 165px; + font-family: var(--font-secondary); + } + &:last-child { + font-size: 15px; + text-align: right; + color: #848484; + } + + } + } + .order-total { + td { + &:last-child { + color: var(--color-heading); + font-weight: var(--p-semi-bold); + } + } + } + } + .checkout-btn { + width: 100%; + } + + &.checkout-summery { + margin-top: 0; + @media #{$md-layout} { + margin-top: 80px; + } + @media #{$sm-layout} { + margin-top: 60px; + } + .summery-table-wrap { + border: 1px solid var(--color-border); + border-radius: 5px; + padding: 45px 50px 30px; + @media #{$large-mobile} { + padding: 40px 20px 20px; + } + .title { + margin-bottom: 18px; + } + table { + margin-bottom: 0; + tr { + &:last-child { + td { + border-bottom: none; + } + } + } + td { + border: none; + border-bottom: 1px solid var(--color-border); + width: auto; + padding: 12px 0; + color: var(--color-heading); + @media #{$large-mobile} { + font-size: 14px; + } + } + .order-subtotal { + td { + &:last-child { + color: var(--color-body); + font-weight: var(--p-medium); + } + } + } + .order-total { + td { + font-weight: var(--p-bold); + } + } + } + } + } +} + + + +// My Account Style +.account-page-area { + .shape-group { + @extend %liststyle; + @media #{$md-layout} { + display: none; + } + @media #{$sm-layout} { + display: none; + } + li { + position: absolute; + z-index: -1; + &.shape-1 { + bottom: -10px; + left: 60px; + } + &.shape-2 { + top: -60px; + right: 50px; + } + &.shape-3 { + top: -30px; + right: 0px; + z-index: 1; + } + } + } +} + +.login-form-box { + box-shadow: 0 10px 40px 0 rgba(0,0,0,.08); + padding: 70px 50px; + border-radius: 5px; + background-color: var(--color-white); + @media #{$sm-layout} { + padding: 40px 30px; + } + .title { + margin-bottom: 5px; + } + a { + color: var(--color-primary); + &:hover { + color: var(--color-secondary); + } + } + p { + color: var(--color-heading); + margin-bottom: 25px; + } + .form-group { + position: relative; + input { + border: 1px solid var(--color-border); + height: 50px; + } + .edu-btn { + width: 100%; + } + .password-show { + position: absolute; + bottom: 11px; + right: 18px; + color: #b2b2b2; + font-size: 13px; + cursor: pointer; + transition: var(--transition); + &:hover { + color: var(--color-primary); + } + } + } + .chekbox-area { + display: flex; + align-items: center; + justify-content: space-between; + margin: 25px 0; + @media #{$small-mobile} { + display: block; + } + .edu-form-check { + position: relative; + label { + padding-left: 28px; + &:before { + background-color: #f7f7f7; + border-color: var(--color-border); + } + } + input { + height: auto; + &:checked { + ~label { + &::before { + background-color: var(--color-primary); + border-color: var(--color-primary); + } + &::after { + opacity: 1; + } + } + } + } + } + .password-reset { + font-size: 16px; + @media #{$small-mobile} { + padding-left: 30px; + margin-top: 5px; + } + } + } +} + + +// Checkout Page + +.checkout-notice { + margin-bottom: 65px; + .coupn-box { + padding: 0 30px; + border: 1px solid var(--color-border); + border-radius: 5px; + } + .toggle-bar { + padding: 18px 0; + margin-bottom: 0; + a { + color: var(--color-primary); + transition: var(--transition); + } + } + .input-group { + @media #{$small-mobile} { + display: block; + } + input { + width: auto; + border: 1px solid var(--color-border); + height: 50px; + border-radius: 5px !important; + } + .apply-btn { + margin-left: 10px !important; + @media #{$small-mobile} { + margin-left: 0 !important; + margin-top: 15px; + } + } + } + .toggle-open { + display: none; + margin-top: 10px; + margin-bottom: 30px; + } +} + +.checkout-billing { + .title { + margin-bottom: 30px; + } + .form-group { + margin-bottom: 25px; + label { + font-size: 16px; + margin-bottom: 5px; + } + input { + border: 1px solid #e6e6e6; + border-radius: 5px; + height: 45px; + margin-bottom: 10px; + &:last-child { + margin-bottom: 0; + } + } + textarea { + border: 1px solid #e6e6e6; + border-radius: 5px; + } + select { + height: 45px; + background-color: transparent; + border: 1px solid var(--color-border); + color: var(--color-body); + font-weight: 400; + background: url(../../images/icons/arrow-icon.png) 92% center no-repeat transparent + } + } +} + +.order-payment { + border: 1px solid var(--color-border); + border-radius: 5px; + padding: 50px 50px 42px; + margin-top: 50px; + @media #{$large-mobile} { + padding: 40px 20px 30px; + } + .title { + margin-bottom: 40px; + } + .payment-method { + background-color: #f5f9fa; + padding: 30px 30px 45px; + margin-bottom: 30px; + @media #{$large-mobile} { + padding: 30px 20px 30px; + } + } + .form-group { + position: relative; + border-bottom: 1px solid #dce0e0; + margin-bottom: 22px; + padding-bottom: 22px; + &:last-child { + margin-bottom: 0; + padding-bottom: 0; + } + p { + margin-top: 5px; + margin-bottom: 0; + padding-left: 30px; + } + a { + margin-left: 20px; + font-weight: 500; + } + label { + font-size: 16px; + font-weight: 500; + + } + &:last-child { + border-bottom: none; + } + input[type="checkbox"], + input[type="radio"] { + width: auto; + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_splash.scss b/public/assets/scss/template/_splash.scss new file mode 100644 index 0000000..59b7e40 --- /dev/null +++ b/public/assets/scss/template/_splash.scss @@ -0,0 +1,897 @@ +/*------------------- + Splash Page Styles +---------------------*/ +// Disable Preloader +.edublink-landing-page { + #edublink-preloader { + display: none !important; + } +} +// Header Style +.pv-header-style { + &.edu-header { + .header-mainmenu { + background-color: transparent; + box-shadow: none; + z-index: 5; + &.edu-sticky { + box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .05); + } + } + } + .mainmenu-nav { + margin-right: 30px; + .mainmenu { + justify-content: flex-end !important; + li { + a { + padding: 0 20px; + height: 90px; + line-height: 90px; + } + } + } + } + .edublink-vue-mobile-popup-menu { + .mainmenu { + li { + &.header-btn { + padding-top: 30px; + .edu-btn { + padding: 0; + &:hover { + color: var(--color-white); + } + } + } + } + } + + } +} + +// CounterUp Style +.pv-demo-counterup { + margin-top: -95px; + position: relative; + z-index: 1; + .counterup-wrap { + background-color: var(--color-white); + max-width: 870px; + width: 100%; + box-shadow: 0 20px 50px 0 rgba(0,0,0, .03); + border-radius: 10px; + margin: 0 auto; + padding: 50px 0; + @media #{$sm-layout} { + padding: 40px 0; + } + .edu-counterup { + box-shadow: none; + padding: 0 30px; + border-radius: 0; + @media #{$sm-layout} { + padding: 0 20px; + } + @media #{$large-mobile} { + padding: 20px; + } + &.border-end { + border-color: var(--color-border); + @media #{$large-mobile} { + border: none !important; + } + } + .count-number { + font-size: 50px; + margin-bottom: 0; + @media #{$md-layout} { + font-size: 40px; + } + @media #{$sm-layout} { + font-size: 30px; + } + } + .title { + font-weight: 600; + font-size: 17px; + color: var(--color-heading); + text-transform: capitalize; + } + } + } +} + +// Demo Style + +.pv-demo-area { + padding: 140px 0 90px; + @media #{$lg-layout} { + padding: 110px 0 60px; + } + @media #{$md-layout} { + padding: 90px 0 40px; + } + @media #{$sm-layout} { + padding: 70px 0 20px; + } +} + +.single-demo { + text-align: center; + margin-bottom: 60px; + position: relative; + .new-wrapper { + position: absolute; + right: -15px; + top: -15px; + background-color: var(--color-tertiary); + color: var(--color-white); + width: 70px; + height: 70px; + line-height: 70px; + box-shadow: 0px 10px 30px 0px rgba(179, 109, 28, 0.4); + border-radius: 50%; + z-index: 1; + } + .inner { + background-color: var(--color-white); + box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.07); + border-radius: 5px; + padding: 15px; + transition: 0.3s; + } + + &.coming-soon { + a { + pointer-events: none; + } + } + + .thumbnail { + position: relative; + text-align: center; + .thumbnail-link { + display: block; + position: relative; + &::before { + background: rgba(0, 0, 0, 0.35); + border-radius: 5px; + position: absolute; + content: ""; + left: 0; + right: 0; + bottom: 0; + top: 0; + height: 100%; + width: 100%; + opacity: 0; + } + + img { + border-radius: 5px; + width: 100%; + } + + } + + .hover-action { + position: absolute; + top: 50%; + left: 0; + right: 0; + transform: translateY(-50%); + z-index: 1; + transition: 0.3s; + opacity: 0; + } + } + + .title { + font-weight: 700; + font-size: 20px; + margin-top: 28px; + margin-bottom: 10px; + } + + &:hover { + .inner { + box-shadow: 0px 30px 70px rgba(0, 0, 0, 0.12); + transform: translateY(-10px); + } + + .thumbnail { + .thumbnail-link { + &::before { + opacity: 1; + } + } + + .hover-action { + opacity: 1; + } + } + } +} + + +.pv-elementor-area { + padding: 150px 0; + @media #{$lg-layout} { + padding: 120px 0 100px; + } + @media #{$md-layout} { + padding: 100px 0 80px; + } + @media #{$sm-layout} { + padding: 80px 0 60px; + } + .elementor-content { + .splash-title { + @media #{$smlg-device} { + text-align: center; + } + img { + margin-bottom: 35px; + } + p { + width: 60%; + @media #{$smlg-device} { + width: 100%; + } + } + } + } + .elementor-thumbnail { + position: relative; + z-index: 1; + @media #{$smlg-device} { + text-align: center; + } + img { + border-radius: 20px; + } + .shape-group { + @media #{$md-layout-1} { + display: none; + } + li { + @extend %liststyle; + position: absolute; + z-index: -1; + &.shape-1 { + top: -50px; + left: -75px; + } + &.shape-2 { + top: -82px; + left: -14px; + z-index: 1; + } + &.shape-3 { + bottom: -70px; + right: 50px; + } + &.shape-4 { + bottom: -80px; + right: -80px; + z-index: -2; + } + } + } + } +} + +.pv-courses-demo { + position: relative; + padding: 150px 0 40px; + @media #{$lg-layout} { + padding: 120px 0 30px; + } + @media #{$md-layout} { + padding: 100px 0 20px; + } + @media #{$sm-layout} { + padding: 80px 0 10px; + } + .splash-title { + &.section-title { + margin-bottom: 80px; + @media #{$md-layout-1} { + margin-bottom: 50px; + } + } + .shape-line { + margin-bottom: 28px; + } + p { + color: var(--color-heading); + font-size: 16px; + } + } + .margque-courses { + background-image: url(../../images/preview/courses.png); + background-repeat: repeat-x; + background-size: auto; + height: 460px; + position: relative; + z-index: 1; + margin-top: -20px; + } + .shape-group { + li { + &.shape-1 { + top: 100px; + right: 140px; + @media #{$custom-laptop-device} { + top: 80px; + right: 30px; + } + } + &.shape-2 { + top: 310px; + left: 40px; + @media #{$laptop-device} { + display: none; + } + } + &.shape-3 { + top: 330px; + left: 165px; + z-index: 1; + @media #{$laptop-device} { + display: none; + } + } + &.shape-4 { + top: 130px; + left: 15%; + } + &.shape-5 { + top: -252px; + right: -111px; + z-index: -2; + @media #{$custom-laptop-device} { + top: -230px; + right: -270px; + } + span { + display: block; + height: 470px; + width: 470px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + } + } +} + +// course details demo area +.pv-course-details-area { + position: relative; + padding: 115px 0 135px; + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/preview-course-bg.jpg); + z-index: -1; + } + @media #{$lg-layout} { + padding: 120px 0 65px; + } + @media #{$md-layout} { + padding: 100px 0 20px; + } + @media #{$sm-layout} { + padding: 80px 0 40px; + } + .course-content { + max-width: 460px; + @media only screen and (max-width: 1710px) { + padding-left: 50px; + } + @media #{$lg-layout} { + padding-left: 0px; + } + @media #{$md-layout-1} { + max-width: 100%; + padding-left: 0px; + } + .splash-title { + &.section-title { + @media #{$md-layout-1} { + margin-bottom: 20px; + } + } + @media only screen and (max-width: 991px) { + text-align: center; + } + img { + margin-bottom: 35px; + } + } + } + .course-thumbnail { + @media #{$md-layout-1} { + text-align: center; + } + position: relative; + z-index: 1; + text-align: right; + .course-instructor { + position: absolute; + content: ''; + left: -40px; + top: 150px; + @media #{$lg-layout-1} { + left: -50px; + max-width: 320px; + } + @media #{$smlg-device} { + display: none; + } + } + .shape-group { + @media #{$md-layout-1} { + display: none; + } + li { + position: absolute; + z-index: -1; + &.shape-1 { + top: -30px; + left: 60px; + @media only screen and (max-width: 1710px) { + top: -30px; + left: -10px; + } + } + &.shape-2 { + top: -40px; + left: 135px; + z-index: 1; + @media only screen and (max-width: 1710px) { + top: -40px; + left: 65px; + } + } + + &.shape-3 { + bottom: -10px; + right: -30px; + } + + &.shape-4 { + bottom: 7px; + right: 100px; + } + } + } + } +} + +// shop page demo area +.pv-shop-area { + position: relative; + padding: 125px 0 115px; + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/bg-image-24.jpg); + background-size: cover; + z-index: -1; + } + @media #{$lg-layout} { + padding: 120px 0 65px; + } + @media #{$md-layout} { + padding: 100px 0 20px; + } + @media #{$sm-layout} { + padding: 80px 0 40px; + } + .shop-content { + padding-left: 145px; + @media #{$custom-lg-device-eight} { + padding-left: 55px; + } + @media #{$smlg-device} { + padding-left: 0px; + } + .splash-title { + &.section-title { + @media #{$md-layout-1} { + margin-bottom: 20px; + } + } + @media only screen and (max-width: 991px) { + text-align: center; + } + img { + margin-bottom: 35px; + } + } + } + .shop-thumbnail { + @media #{$md-layout-1} { + text-align: center; + } + .shop-thumbnail-images { + position: relative; + z-index: 1; + .shop-demo-left { + position: absolute; + content: ''; + left: -160px; + top: 150px; + @media #{$custom-lg-device-two, $custom-laptop-device} { + left: -50px; + max-width: 300px; + } + @media #{$smlg-device} { + display: none; + } + } + .shop-demo-right { + position: absolute; + content: ''; + right: -50px; + top: 100px; + @media #{$custom-lg-device-two} { + right: 0px; + } + @media #{$custom-laptop-device} { + right: -30px; + } + @media #{$smlg-device} { + display: none; + } + } + .shape-group { + @media #{$md-layout-1} { + display: none; + } + li { + @extend %liststyle; + position: absolute; + z-index: -1; + &.shape-1 { + top: -55px; + left: -35px; + } + &.shape-2 { + bottom: -46px; + right: 160px; + } + &.shape-3 { + top: 147px; + left: 130px; + z-index: 0; + @media #{$custom-laptop-device} { + top: 151px; + left: 154px; + } + span { + display: block; + height: 100px; + width: 100px; + border: 16px solid var(--color-tertiary); + border-radius: 50%; + @media #{$custom-laptop-device} { + height: 70px; + width: 70px; + border: 11px solid var(--color-tertiary); + } + } + } + } + } + } + } +} + +.pv-features-area { + padding: 150px 0 100px; + @media #{$lg-layout} { + padding: 120px 0 70px; + } + @media #{$md-layout} { + padding: 100px 0 50px; + } + @media #{$sm-layout} { + padding: 80px 0 30px; + } +} + +.demo-feature { + margin-bottom: 45px; + .inner { + text-align: center; + .icon { + background: #FFFFFF; + box-shadow: 0px 15px 60px 0 rgba(0, 0, 0, 0.1); + border-radius: 30px; + width: 100%; + height: 202px; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: center; + + img { + max-height: 80px; + } + } + + .title { + margin-bottom: 0; + margin-top: 30px; + font-weight: 700; + } + } +} + + +.pv-inner-page-area { + padding: 150px 0 75px; + position: relative; + z-index: 1; + overflow: hidden; + + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/bg-image-25.jpg); + background-size: cover; + z-index: -1; + } + + @media #{$lg-layout} { + padding: 120px 0 45px; + } + @media #{$md-layout} { + padding: 100px 0 30px; + } + @media #{$sm-layout} { + padding: 80px 0 20px; + } + .splash-title { + .shape-line { + margin-bottom: 28px; + } + p { + color: var(--color-heading); + font-size: 16px; + } + } + .margque-inner-page { + background-image: url(../../images/preview/inner-demo.png); + background-repeat: repeat-x; + background-size: auto; + height: 650px; + position: relative; + z-index: 1; + margin-top: -20px; + } + .shape-group { + @media #{$md-layout-1} { + display: none; + } + li { + @extend %liststyle; + position: absolute; + z-index: -1; + &.shape-1 { + top: -65px; + left: -85px; + } + &.shape-2 { + top: 80px; + left: 152px; + } + &.shape-3 { + top: 20%; + right: 18%; + span { + display: block; + height: 100px; + width: 100px; + border: 15px solid var(--color-tertiary); + border-radius: 50%; + } + } + } + } +} + +.pv-zoom-demo-area { + padding: 85px 0 20px; + .zoom-content { + .splash-title { + @media only screen and (max-width: 991px) { + text-align: center; + } + img { + margin-bottom: 35px; + } + p { + width: 80%; + @media only screen and (max-width: 991px) { + width: 100%; + } + } + } + } + .zoom-thumbnail { + position: relative; + z-index: 1; + margin-right: -60px; + padding-right: 15px; + @media only screen and (max-width: 991px) { + margin-right: 0; + padding-right: 0; + } + .shape-group { + @media #{$md-layout-1} { + display: none; + } + li { + @extend %liststyle; + position: absolute; + z-index: -1; + &.shape-1 { + top: 25px; + right: 175px; + } + &.shape-2 { + top: 0; + right: 308px; + span { + display: block; + height: 100px; + width: 100px; + border: 15px solid var(--color-tertiary); + border-radius: 50%; + } + } + &.shape-3 { + bottom: 45px; + left: 130px; + } + } + } + } +} + +.pv-cta-area { + background-color: #1B1C1C; + padding: 145px 0 120px; + position: relative; + z-index: 1; + + &::before { + content: ''; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/bg-image-29.png); + background-size: cover; + z-index: -1; + } + @media #{$md-layout} { + padding: 120px 0 100px; + } + @media #{$sm-layout} { + padding: 100px 0; + } + .cta-content { + text-align: center; + .subtitle { + font-size: 20px; + font-weight: 600; + font-family: var(--font-secondary); + color: var(--color-tertiary); + margin-bottom: 30px; + display: block; + } + .title { + font-size: 40px; + color: var(--color-white); + margin-bottom: 55px; + @media #{$md-layout} { + font-size: 36px; + } + @media #{$sm-layout} { + font-size: 30px; + } + } + .button-group { + justify-content: center; + margin: -10px; + @media #{$large-mobile} { + display: block; + } + a { + margin: 10px; + } + .btn-bg-white { + background-color: var(--color-white); + color: var(--color-heading); + &:hover { + color: var(--color-white); + } + } + } + } + .shape-group { + @media #{$smlg-device} { + display: block; + } + @media #{$md-layout-1} { + display: none; + } + li { + @extend %liststyle; + position: absolute; + z-index: -1; + &.shape-1 { + top: 80px; + left: 7%; + @media #{$smlg-device} { + left: 3%; + } + } + &.shape-2 { + top: 90px; + left: 10%; + z-index: -1; + @media #{$smlg-device} { + left: 7%; + } + img { + @media #{$custom-lg-device-eight, $lg-layout} { + width: 85%; + } + } + } + &.shape-3 { + top: 32%; + right: 11%; + @media #{$smlg-device} { + right: 2%; + } + } + &.shape-4 { + bottom: 25%; + right: 14%; + @media #{$smlg-device} { + right: 2%; + } + span { + display: block; + height: 135px; + width: 135px; + border: 16px solid var(--color-tertiary); + border-radius: 50%; + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_team.scss b/public/assets/scss/template/_team.scss new file mode 100644 index 0000000..c109c95 --- /dev/null +++ b/public/assets/scss/template/_team.scss @@ -0,0 +1,496 @@ +/*------------------- + Team Styles +---------------------*/ +.team-share-info { + @extend %liststyle; + margin: -5px; + text-align: center; + position: absolute; + top: 50%; + left: 0; + right: 0; + transform: translateY(-50%); + li { + display: inline-block; + margin: 5px; + a { + width: 40px; + height: 40px; + line-height: 39px; + border: 2px solid var(--color-white); + text-align: center; + border-radius: 50%; + font-size: 18px; + color: var(--color-white); + transition: var(--transition); + &:hover { + background: var(--color-white); + color: var(--color-primary); + } + } + } +} +.edu-team-grid { + .thumbnail-wrap { + position: relative; + } + .thumbnail { + margin-bottom: 25px; + a { + border-radius: 10px; + position: relative; + display: block; + img { + border-radius: 10px; + width: 100%; + } + &:after { + content: ""; + height: 100%; + width: 100%; + background-color: rgba(26,182,157, .6); + border-radius: 10px; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + visibility: hidden; + opacity: 0; + transition: var(--transition); + } + } + } + .content { + text-align: center; + .title { + margin-bottom: 4px; + } + .designation { + display: inline-block; + } + } + .team-share-info { + li { + transform: translateX(10px); + visibility: hidden; + opacity: 0; + transition: var(--transition); + } + } + &:hover { + .thumbnail { + a { + &:after { + visibility: visible; + opacity: 1; + } + } + } + .team-share-info { + li { + transform: translateX(0); + visibility: visible; + opacity: 1; + &:nth-child(1n) { + transition-delay: .2s; + } + &:nth-child(2n) { + transition-delay: .3s; + } + &:nth-child(3n) { + transition-delay: .4s; + } + &:nth-child(4n) { + transition-delay: .5s; + } + } + } + } + &.team-style-1 { + .team-share-info { + top: 20px; + right: 20px; + left: auto; + transform: translateY(0); + margin: -10px 0; + li { + display: block; + margin: 10px 0; + transform: translateY(-10px); + &:first-child { + transform: translateY(0); + visibility: visible; + opacity: 1; + a { + border-color: var(--color-primary); + color: var(--color-primary); + } + } + } + } + &:hover { + .team-share-info{ + li { + transform: translateY(0); + &:first-child { + a { + background-color: var(--color-white); + border-color: var(--color-white); + color: var(--color-primary); + } + } + } + } + } + } + &.team-style-2 { + padding: 0 30px 36px; + position: relative; + z-index: 1; + &:after { + content: ""; + height: 75%; + width: 100%; + background-color: var(--color-white); + border-radius: 10px; + box-shadow: var(--shadow-darker); + position: absolute; + bottom: 0; + left: 0; + right: 0; + z-index: -1; + } + .content { + .designation { + margin-bottom: 15px; + } + p { + margin-bottom: 0; + } + } + } + &.team-style-3 { + position: relative; + .thumbnail { + margin-bottom: 0; + } + .content { + text-align: left; + position: absolute; + bottom: 30px; + left: 30px; + .title, + .designation { + background-color: var(--color-white); + box-shadow: var(--shadow-darker2); + border-radius: 4px; + } + .title { + margin-bottom: 10px; + font-size: 20px; + padding: 11px 25px 9px; + } + .designation { + padding: 4px 20px; + font-size: 16px; + } + } + .team-share-info { + top: 35%; + } + } + &.team-style-4 { + position: relative; + .thumbnail { + margin-bottom: 0; + a { + &:after { + background: linear-gradient(-125deg, rgba(49,185,120,0.8) 0%, rgba(26,182,157,0.8) 100%); + } + } + } + .content { + text-align: left; + display: inline-block; + margin-top: -30px; + position: relative; + margin-left: 30px; + .title, + .designation { + background-color: var(--color-white); + box-shadow: var(--shadow-darker2); + border-radius: 4px; + } + .title { + margin-bottom: 10px; + font-size: 20px; + padding: 16px 25px 15px; + } + .designation { + padding: 4px 20px; + font-size: 16px; + } + } + } + &.team-style-5 { + .thumbnail { + margin-bottom: 0; + } + .content { + position: relative; + background-color: var(--color-white); + box-shadow: var(--shadow-darker2); + border-radius: 5px; + margin: -55px 30px 0; + padding: 30px 0 25px; + } + } +} + +.team-area-3 { + position: relative; + .shape-group { + @extend %liststyle; + li { + margin: 0; + position: absolute; + z-index: -1; + &.shape-1 { + bottom: -20px; + left: 135px; + @media #{$lg-layout-1} { + left: 0px; + } + @media #{$custom-lg-device-eight} { + left: -70px; + } + } + } + } +} + +.team-area-4 { + position: relative; + mask-image: url(../../images/others/mask-04.png); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: cover; + -webkit-mask-position: center; + background-color: var(--color-lighten01); + padding: 120px 0 390px; + .shape-group { + @extend %liststyle; + li { + margin: 0; + position: absolute; + z-index: -1; + img { + transform: scaleX(-1); + opacity: .2; + } + &.shape-1 { + top: 20px; + left: -10px; + } + &.shape-2 { + bottom: 35%; + right: 130px; + } + &.shape-3 { + top: 40px; + right: 240px; + } + } + } +} + +.team-area-5 { + background-color: var(--color-lighten04); + position: relative; + z-index: 1; + overflow: hidden; + .shape-group { + @extend %liststyle; + @media only screen and (max-width: 991px) { + display: none; + } + li { + position: absolute; + z-index: -1; + &.shape-1 { + top: -170px; + right: -150px; + span { + display: block; + height: 476px; + width: 476px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + &.shape-2 { + top: 150px; + right: 8%; + } + &.shape-3 { + bottom: -110px; + left: -200px; + span { + display: block; + height: 476px; + width: 476px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + } + } +} + +.team-area-6 { + position: relative; + .shape-group { + @extend %liststyle; + li { + margin: 0; + position: absolute; + z-index: -1; + img { + opacity: .6; + } + &.shape-1 { + top: -165px; + left: -90px; + @media only screen and (max-width: 991px) { + display: none; + } + } + &.shape-2 { + top: -180px; + right: -55px; + + } + &.shape-3 { + bottom: -150px; + left: 50%; + transform: translateX(-50%); + } + } + } +} + +.team-details-thumb { + @media #{$md-layout} { + text-align: center; + margin-bottom: 50px; + } + @media #{$sm-layout} { + text-align: center; + margin-bottom: 40px; + } + .thumbnail { + margin-bottom: 30px; + img { + border-radius: 50%; + } + } + .social-share { + justify-content: center; + } +} + +.team-details-content { + @media #{$md-layout} { + text-align: center; + } + @media #{$sm-layout} { + text-align: center; + } + .main-info { + margin-bottom: 30px; + .subtitle { + font-weight: var(--p-medium); + color: var(--color-primary); + text-transform: uppercase; + margin-bottom: 6px; + display: block; + } + .title { + margin-bottom: 0; + } + .team-meta { + @extend %liststyle; + display: flex; + align-items: center; + padding-top: 10px; + flex-wrap: wrap; + @media #{$md-layout} { + justify-content: center; + } + @media #{$sm-layout} { + justify-content: center; + } + li { + display: flex; + align-items: center; + color: var(--color-heading); + margin-right: 40px; + position: relative; + transition: var(--transition); + &:after { + content: ""; + height: 19px; + width: 1px; + background-color: #e5e5e5; + position: absolute; + top: 3px; + right: -22px; + transition: var(--transition); + } + &:last-child { + margin-right: 0; + &:after { + display: none; + } + } + i { + color: #a7a7a7; + font-size: 15px; + margin-right: 7px; + transition: var(--transition); + } + + .rating { + i { + color: #f8b81f; + margin-right: 0; + + } + transition: var(--transition); + } + .rating-count { + font-size: 14px; + font-weight: 500; + color: var(--color-heading); + margin-left: 10px; + transition: var(--transition); + } + } + } + } + .contact-info { + margin-top: 40px; + ul { + @extend %liststyle; + li { + span { + font-family: var(--font-secondary); + min-width: 100px; + display: inline-block; + font-weight: var(--p-semi-bold); + color: var(--color-heading); + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_testimonial.scss b/public/assets/scss/template/_testimonial.scss new file mode 100644 index 0000000..a6335f0 --- /dev/null +++ b/public/assets/scss/template/_testimonial.scss @@ -0,0 +1,965 @@ +/*------------------- + Testimonial Styles +---------------------*/ +.home-one-testimonial { + margin-top: 30px; + @media #{$md-layout-1} { + margin-top: 0px; + } +} + +.testimonial-heading-area { + padding-right: 50px; + @media #{$small-mobile} { + padding-right: 0; + } +} +.testimonial-grid { + box-shadow: var(--shadow-darker); + background-color: var(--color-white); + border-radius: 10px; + padding: 60px 30px 50px; + position: relative; + z-index: 1; + overflow: hidden; + &:after { + content: url(../../images/testimonial/shape-1.png); + position: absolute; + top: -5px; + right: -5px; + z-index: -1; + } + .thumbnail { + display: inline-block; + position: relative; + margin-bottom: 35px; + img { + border-radius: 50%; + } + .qoute-icon { + height: 34px; + width: 34px; + line-height: 30px; + font-size: 13px; + color: var(--color-white); + background-color: var(--color-primary); + border-radius: 50%; + border: 4px solid var(--color-white); + display: block; + text-align: center; + position: absolute; + bottom: -8px; + right: -12px; + } + } + .content { + p { + margin-bottom: 20px; + font-size: 16px; + } + .rating-icon { + margin-bottom: 6px; + i { + color: #f8b81f; + } + } + .title { + font-weight: var(--p-medium); + margin-bottom: 2px; + } + } + &.testimonial-style-3 { + text-align: center; + margin-bottom: 40px; + margin-top: 30px; + &:after { + display: none; + } + } +} + +.testimonial-slide { + .content { + background-color: var(--color-white); + box-shadow: var(--shadow-darker); + padding: 35px 28px 35px 40px; + border-radius: 4px; + margin-bottom: 30px; + margin-top: 30px; + .logo { + margin-bottom: 22px; + } + p { + color: var(--color-heading); + font-size: 16px; + margin-bottom: 15px; + } + .rating-icon { + i { + color: #f8b81f; + } + } + } + .author-info { + display: flex; + align-items: center; + .thumb { + margin-right: 20px; + img { + border-radius: 50%; + } + } + .info { + flex: 1; + .title { + margin-bottom: 0; + + } + + } + } + &.testimonial-style-2 { + .content { + padding: 45px 40px 50px 50px; + border-radius: 5px; + @media #{$small-mobile} { + padding: 40px 30px; + } + .rating-icon { + margin-bottom: 20px; + } + p { + margin-bottom: 24px; + } + } + } + &.testimonial-style-3 { + .content { + background-color: transparent; + padding: 0; + box-shadow: none; + margin: 0; + .rating-icon { + margin-bottom: 15px; + } + p { + margin-bottom: 20px; + } + } + } +} + +.testimonial-area-2 { + position: relative; + + .testimonial-activation { + padding: 0 30px; + margin: -30px -30px 0; + margin-bottom: 50px; + + .swiper-slide { + opacity: 0; + visibility: hidden; + &.swiper-slide-active, + &.swiper-slide-next, + &.swiper-slide-next + .swiper-slide { + opacity: 1; + visibility: visible; + } + &.swiper-slide-next + .swiper-slide { + + @media #{$md-layout-1} { + opacity: 0; + visibility: hidden; + } + } + &.swiper-slide-next { + @media #{$sm-layout} { + opacity: 0; + visibility: hidden; + } + } + } + } + .swiper-pagination { + bottom: -70px; + } + + .shape-group { + .shape-1 { + top: 168px; + right: -75px; + } + .shape-2 { + top: 217px; + right: -106px; + } + .shape-3 { + bottom: 50px; + left: 45%; + transform: translateX(-50%); + } + } + &.edu-section-gap { + .shape-group { + .shape-3 { + bottom: 58px; + } + } + } +} + +.testimonial-area-3 { + position: relative; + mask-image: url(../../images/others/mask-04.png); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: cover; + -webkit-mask-position: center; + background-color: var(--color-lighten04); + padding: 115px 0 250px; + @media #{$md-layout} { + padding: 95px 0 200px; + } + @media #{$sm-layout} { + padding: 75px 0 180px; + } + .testimonial-activation-2 { + margin: 0 -45px; + padding: 0 30px; + + .testimonial-slide { + .content { + margin-top: 0; + margin-bottom: 50px; + } + } + .swiper-wrapper { + .swiper-slide { + opacity: 0; + visibility: hidden; + + &.swiper-slide-active, + &.swiper-slide-next { + opacity: 1; + visibility: visible; + } + } + .swiper-slide { + @media #{$md-layout-1} { + &.swiper-slide-next { + opacity: 0; + } + } + } + } + } + .swiper-pagination { + bottom: 235px; + @media #{$md-layout-1} { + bottom: 170px; + } + } + .shape-group { + @media #{$sm-layout} { + display: none; + } + li { + &.shape-1 { + top: 95px; + left: 95px; + } + &.shape-2 { + bottom: 215px; + left: 245px; + } + &.shape-3 { + bottom: 150px; + right: 170px; + } + &.shape-4 { + top: 120px; + right: 70px; + } + &.shape-5 { + bottom: 140px; + left: 50%; + transform: translateX(-50%); + + img { + transform: scaleX(1); + opacity: 1; + } + } + } + } +} + +.testimonial-area-4 { + padding: 120px 0 70px; + position: relative; + @media #{$md-layout} { + padding: 100px 0 50px; + } + .testimonial-heading-area { + @media #{$md-layout-1} { + padding-right: 0; + } + .section-title { + &.section-left { + @media #{$md-layout-1} { + text-align: center; + } + } + } + } + .testimonial-activation-3 { + margin: 0 -50px; + padding: 0 30px; + margin-top: -30px; + margin-bottom: 10px; + + .swiper-slide { + opacity: 0; + visibility: hidden; + + &.swiper-slide-active, + &.swiper-slide-next { + opacity: 1; + visibility: visible; + } + } + + } + .shape-group { + li { + img { + opacity: .2; + } + &.shape-1 { + bottom: 60px; + left: 42%; + } + &.shape-2 { + bottom: 35px; + right: 12%; + img { + opacity: .7; + } + } + } + } + .swiper-navigation { + text-align: left; + @media #{$md-layout-1} { + text-align: center; + } + } +} +.testimonial-area-8 { + position: relative; + &::before { + position: absolute; + content: ""; + left: 0; + bottom: 0; + right: 0; + z-index: -1; + background-image: url(../../images/bg/h8-testimonial-bg.svg); + width: 100%; + height: 100%; + background-size: cover; + background-repeat: no-repeat; + background-position: center bottom; + } + .testimonial-activation { + padding: 0 30px; + margin: -30px -30px 0; + margin-bottom: 50px; + + .swiper-slide { + opacity: 0; + visibility: hidden; + &.swiper-slide-active, + &.swiper-slide-next, + &.swiper-slide-next + .swiper-slide { + opacity: 1; + visibility: visible; + } + &.swiper-slide-next + .swiper-slide { + + @media #{$md-layout-1} { + opacity: 0; + visibility: hidden; + } + } + &.swiper-slide-next { + @media #{$sm-layout} { + opacity: 0; + visibility: hidden; + } + } + } + } + + .testimonial-slide { + margin-top: 93px; + .author-info { + display: block; + + .thumb { + margin-right: 0; + margin-top: -100px; + margin-bottom: 35px; + } + } + .content { + text-align: center; + margin-bottom: 45px; + border-radius:10px; + p{ + margin-bottom: 30px; + } + .info { + .title { + margin-bottom: 5px; + } + } + } + } + + .shape-group { + li { + &.shape-3 { + bottom: 109px; + left: 50%; + z-index: -1; + transform: translateX(-50%); + } + } + } + .swiper-horizontal>.swiper-pagination-bullets, + .swiper-pagination-bullets.swiper-pagination-horizontal, + .swiper-pagination-custom, .swiper-pagination-fraction { + bottom: -30px; + } +} +.testimonial-area-9 { + background: var(--color-lighten01); + + .testimonial-heading-area { + width: 380px; + padding-right: 0; + padding-top: 50px; + position: relative; + z-index: 12; + @media #{$md-layout-1} { + width: 100%; + text-align: center; + padding-top: 0; + } + .section-left { + @media #{$md-layout-1} { + text-align: center; + } + } + } + .bg-thumbnail { + @media #{$md-layout-1} { + text-align: center; + } + .shape-group { + li { + &.shape-3 { + left: -41px; + bottom: -87px; + } + &.shape-4 { + top: -80px; + right: -105px; + } + &.shape-5 { + left: -54px; + bottom: -18px; + z-index: 1; + } + } + } + } + .health-bg-thumbnail { + margin-left: 34px; + @media #{$md-layout-1} { + margin-left: 0; + } + } + .home-health-testimonial-activator { + margin-top: 110px; + padding-left: 20px; + @media #{$lg-layout} { + margin-top: 0; + } + @media #{$md-layout-1} { + margin-top: 0; + padding-left: 0; + text-align: center; + } + .testimonial-grid { + background-color: transparent; + box-shadow: none; + &::after { + display: none; + } + .thumbnail { + margin-bottom: 25px; + } + .content { + .title { + font-weight: var(--p-semi-bold); + } + p { + color: var(--color-heading); + } + } + } + .swiper-navigation { + position: relative; + bottom: 25px; + left: 44px; + z-index: 12; + @media #{$md-layout-1} { + left: 0; + bottom: 20px; + } + .swiper-btn-prv, + .swiper-btn-nxt { + line-height: 57px; + &:hover { + img { + filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(321deg) brightness(101%) contrast(103%); + } + } + @media #{$sm-layout} { + line-height: 45px; + } + } + } + } + .shape-group { + li { + &.shape-1 { + bottom: 0px; + left: -169px; + } + &.shape-2 { + top: -91px; + right: -150px; + } + } + } +} + +.testimonial-coverflow { + margin: -55px 0; + .testimonial-grid { + margin: 55px 0; + position: relative; + @media #{$large-mobile} { + margin: 55px 30px; + } + &:before { + content: ""; + height: 100%; + width: 100%; + background-color: var(--color-white); + opacity: .7; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 1; + transition: var(--transition); + } + } + .swiper-slide { + padding: 0; + + &.swiper-slide-visible { + &.swiper-slide-active { + .testimonial-grid { + &:before { + opacity: 0; + } + } + } + } + } +} + +.swiper-testimonial-slider-wrapper { + .swiper-slide { + opacity: 0; + } + .swiper-slide { + &.swiper-slide-visible { + opacity: 1; + &.swiper-slide-prev { + .testimonial-grid { + margin-left: 36px; + box-shadow: 70px 0px 50px 0px rgba(26, 46, 85, .1); + padding: 40px 30px 50px; + @media #{$smlg-device} { + margin-left: 0px; + } + @media #{$md-layout} { + margin-left: 40px; + } + } + } + &.swiper-slide-next { + .testimonial-grid { + margin-left: 40px; + margin-right: 36px; + box-shadow: -40px 0px 50px 0px rgba(26, 46, 85, .1); + padding: 40px 30px 50px; + @media #{$smlg-device} { + margin-left: 0px; + margin-right: 0px; + } + @media #{$md-layout} { + margin-left: 40px; + } + } + } + } + } +} + +.testimonial-area-1 { + margin-bottom: -40px; + @media #{$smlg-device} { + margin-top: 0px; + } + .home-one-testimonial-activator { + padding: 0 30px; + margin: 0 -45px; + margin-top: -20px; + + .swiper-wrapper { + .swiper-slide { + opacity: 0; + visibility: hidden; + + &.swiper-slide-active, + &.swiper-slide-next { + opacity: 1; + visibility: visible; + } + } + } + + .testimonial-grid { + margin: 30px 0px 50px 0px; + } + } +} + + +.swiper-pagination { + .swiper-pagination-bullet { + height: 7px; + width: 7px; + background-color: rgba(26, 182, 157, .3); + opacity: 1; + margin: 0 8px !important; + &.swiper-pagination-bullet-active { + background-color: rgba(26, 182, 157, 1); + } + } +} + +.testimonial-area-6 { + position: relative; + &:before { + content: ""; + height: 925px; + width: 100%; + background: linear-gradient(-90deg, #f5f1eb 0%, rgba(245, 241, 235, .3) 100%); + clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%); + position: absolute; + bottom: 0; + left: 0; + right: 0; + z-index: -1; + @media #{$md-layout} { + height: 55%; + } + @media #{$sm-layout} { + height: 55%; + } + } + .testimonial-activation-5 { + .swiper-wrapper { + .swiper-slide { + padding: 0; + } + } + } + + .swiper-pagination { + bottom: 30px; + text-align: right; + } + + .shape-group { + li { + &.shape-1 { + bottom: 80px; + left: -100px; + } + &.shape-2 { + top: -50px; + right: -94px; + } + &.shape-3 { + top: -200px; + right: -250px; + span { + height: 400px; + width: 400px; + border: 1px solid #e8e6e3; + border-radius: 50%; + display: block; + } + } + } + } +} +.testimonial-area-10 { + background: var(--bg-color); + overflow: hidden; + + .testimonial-heading-area { + padding-right: 0; + } + .home-language-testimonial-activator { + max-width: 770px; + .testimonial-grid { + box-shadow: none; + border-radius: 5px; + text-align: center; + padding: 45px 64px 80px; + @media #{$small-mobile} { + padding: 45px 30px 80px; + } + &::after { + display: none; + } + .content { + .rating-icon { + margin-bottom: 15px; + } + p { + color: var(--color-heading); + } + .title { + font-weight: var(--p-semi-bold); + } + } + } + } + .testimonial-thumb-wrap { + margin: -56px auto 0; + max-width: 400px; + text-align: center; + width: 100%; + position: relative; + left: 20px; + + .nav-thumb { + align-items: center; + display: flex; + flex-direction: column; + .clint-thumb { + img { + cursor: pointer; + border-radius: 50%; + transform: scale(.6667); + } + } + &.swiper-slide-active { + margin: 0 -20px; + .clint-thumb { + img { + transform: scale(1.1); + padding: 6px; + } + } + } + } + .swiper-slide { + opacity: 0; + visibility: hidden; + &.swiper-slide-prev, + &.swiper-slide-active, + &.swiper-slide-next { + opacity: 1; + visibility: visible; + } + &.swiper-slide-prev, + &.swiper-slide-next { + @media (max-width:499px) { + visibility: hidden; + opacity: 0; + } + } + } + } + .shape-group { + li { + &.shape-1 { + left: 120px; + top: 145px; + } + &.shape-2 { + left: 85px; + top: 43%; + span { + width: 70px; + height: 70px; + background: var(--color-tertiary); + border-radius: 100%; + } + } + &.shape-3 { + left: -55px; + top: 13px; + span { + display: block; + height: 400px; + width: 400px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + } + } + .shape-group { + .shape-4 { + right: 248px; + top: 170px; + z-index: 1; + } + .shape-5 { + right: -105px; + top: -118px; + span { + display: block; + height: 470px; + width: 470px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + } +} +.testimonial-area-11 { + z-index: 1; + .home-remote-testimonial-activator { + max-width: 870px; + padding: 0 30px; + margin-top: -35px; + @media #{$large-mobile} { + padding: 0 10px; + } + + .swiper-slide { + opacity: 1; + visibility: visible; + &.swiper-slide-prev, + &.swiper-slide-next { + opacity: 0; + visibility: hidden; + } + } + } + .testimonial-slide { + margin-top: 93px; + .author-info { + display: block; + + .thumb { + margin-right: 0; + margin-top: -100px; + margin-bottom: 35px; + } + } + .content { + width: 770px; + text-align: center; + margin-bottom: 45px; + border-radius:10px; + padding: 40px 95px; + @media #{$md-layout-1} { + width: 100%; + padding: 40px 50px; + } + @media #{$small-mobile} { + padding: 40px 20px; + } + p{ + margin-bottom: 20px; + } + .info { + .title { + margin-bottom: 5px; + } + } + } + } + .swiper-horizontal>.swiper-pagination-bullets, + .swiper-pagination-bullets.swiper-pagination-horizontal, + .swiper-pagination-custom, .swiper-pagination-fraction { + bottom: -30px; + } + .shape-group { + li { + &.shape-1 { + left: 107px; + bottom: -50px; + } + &.shape-2 { + left: 70px; + bottom: 29px; + span { + width: 70px; + height: 70px; + background: var(--color-tertiary); + border-radius: 100%; + } + } + &.shape-3 { + left: -28px; + bottom: -235px; + z-index: -1; + span { + display: block; + height: 400px; + width: 400px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + } + } + .shape-group { + .shape-4 { + right: 248px; + top: 170px; + z-index: 1; + } + .shape-5 { + right: 0; + top: 0; + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_video.scss b/public/assets/scss/template/_video.scss new file mode 100644 index 0000000..bf03a75 --- /dev/null +++ b/public/assets/scss/template/_video.scss @@ -0,0 +1,277 @@ +/*------------------- + Video Styles +---------------------*/ +.video-gallery { + position: relative; + z-index: 1; + .thumbnail { + position: relative; + img { + border-radius: 0 80px 0 120px; + } + .video-play-btn { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + border: 0; + width: 80px; + height: 80px; + line-height: 82px; + transition: all 1s cubic-bezier(0, 0, 0.2, 1); + border-radius: 50%; + background: var(--color-secondary); + margin: 0 auto; + display: inline-block; + font-size: 24px; + text-align: center; + color: var(--color-white); + @media #{$large-mobile} { + width: 60px; + height: 60px; + line-height: 62px; + } + i { + margin-left: 5px; + } + &:before { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + z-index: -1; + bottom: 0; + left: 0; + -webkit-transition: var(--transition); + transition: var(--transition); + border-radius: 50%; + border: 1px solid rgba(255,255,255, .3); + animation: ripple 2s linear infinite; + } + &:after { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + z-index: -1; + bottom: 0; + left: 0; + -webkit-transition: var(--transition); + transition: var(--transition); + border-radius: 50%; + border: 1px solid rgba(255,255,255, .3); + animation: ripple 2s linear 1s infinite; + } + } + &:before { + content: ""; + height: 100%; + width: 100%; + background-color: rgba(0,0,0, .3); + border-radius: 0 80px 0 120px; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + } + } + .shape-group { + @extend %liststyle; + li { + margin: 0; + position: absolute; + z-index: -1; + &.shape-1 { + top: -70px; + right: -70px; + } + &.shape-2 { + top: -100px; + right: 15px; + z-index: 1; + @media #{$sm-layout} { + display: none; + } + } + &.shape-3 { + bottom: -40px; + left: -130px; + } + } + } +} + +.video-area-1 { + position: relative; + + &::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: url(../../images/bg/bg-image-13.png); + background-repeat: no-repeat; + background-position: center top; + background-size: contain; + } +} + +.video-area-2 { + position: relative; + z-index: 1; + padding: 210px 0; + @media #{$md-layout} { + padding: 150px 0 200px; + } + @media #{$sm-layout} { + padding: 120px 0 150px; + } + &:before { + content: ""; + height: 100%; + width: 100%; + background-color: rgba(0,0,0,.6); + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: -1; + } +} + +.video-banner-content { + text-align: center; + .video-btn { + margin-bottom: 100px; + @media #{$sm-layout} { + margin-bottom: 70px; + } + } + .video-play-btn { + position: relative; + border: 0; + width: 80px; + height: 80px; + line-height: 82px; + transition: all 1s cubic-bezier(0, 0, 0.2, 1); + border-radius: 50%; + background: var(--color-secondary); + margin: 0 auto; + display: inline-block; + font-size: 24px; + text-align: center; + color: var(--color-white); + i { + margin-left: 5px; + } + &:before { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + z-index: -1; + bottom: 0; + left: 0; + -webkit-transition: var(--transition); + transition: var(--transition); + border-radius: 50%; + border: 1px solid rgba(255,255,255, .3); + animation: ripple 2s linear infinite; + } + &:after { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + z-index: -1; + bottom: 0; + left: 0; + -webkit-transition: var(--transition); + transition: var(--transition); + border-radius: 50%; + border: 1px solid rgba(255,255,255, .3); + animation: ripple 2s linear 1s infinite; + } + } + .title { + color: var(--color-white); + margin-bottom: 0; + } +} + +.video-area-3 { + margin-top: -270px; + .video-gallery { + .thumbnail { + img { + border-radius: 10px; + } + &:before { + border-radius: 10px; + } + } + .shape-group { + li { + &.shape-1 { + top: -70px; + right: auto; + left: -70px; + } + &.shape-2 { + top: -20px; + right: auto; + left: -110px; + } + &.shape-3 { + bottom: -40px; + right: -40px; + left: auto; + z-index: 1; + } + } + } + } +} + +.video-area-4 { + .video-gallery { + margin-bottom: -275px; + @media #{$large-mobile} { + margin-bottom: 0px; + } + } +} + +.video-gallery-5 { + margin-top: 40px; + .thumbnail { + &:before { + border-radius: 50px 10px 0 0; + } + img { + border-radius: 50px 10px 0 0; + width: 100%; + } + } + .content { + background-color: var(--color-white); + box-shadow: 0 10px 30px 0 rgba(0,0,0, .05); + border-radius: 0 0 10px 10px; + padding: 22px 30px; + .title { + margin-bottom: 0; + width: 60%; + @media #{$smlg-device} { + width: 100%; + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/_why_choose.scss b/public/assets/scss/template/_why_choose.scss new file mode 100644 index 0000000..747d82b --- /dev/null +++ b/public/assets/scss/template/_why_choose.scss @@ -0,0 +1,362 @@ +/*------------------- + Why Choose Styles +---------------------*/ + +.why-choose-content { + .section-title { + margin-bottom: 32px; + } + .features-list { + .features-box { + padding: 0; + background-color: transparent; + box-shadow: none; + display: flex; + text-align: left; + margin-bottom: 36px; + .icon { + background-color: transparent; + margin-right: 30px; + margin-bottom: 0; + } + .content { + flex: 1; + .title { + margin-bottom: 6px; + } + p { + color: var(--color-body); + } + } + &.color-secondary-style { + .icon { + border: 1px solid rgba(238, 74, 98, 0.2); + } + &:hover { + .icon { + background-color: var(--color-secondary); + } + } + } + &.color-primary-style { + .icon { + border: 1px solid rgba(26, 182, 157, 0.2); + } + &:hover { + .icon { + background-color: var(--color-primary); + } + } + } + &.color-extra05-style { + .icon { + border: 1px solid rgba(248, 148, 31, 0.2); + } + &:hover { + .icon { + background-color: var(--color-extra05); + } + } + } + } + } +} + +.why-choose-gallery { + position: relative; + z-index: 1; + .thumbnail { + img { + border-radius: 10px; + } + &.thumbnail-1 { + text-align: right; + @media #{$md-layout} { + margin-right: 80px; + } + } + &.thumbnail-2 { + margin-top: -230px; + @media #{$sm-layout} { + transform: none !important; + } + img { + background-color: var(--color-white); + padding: 10px; + box-shadow: 0 30px 90px 0 rgba(26, 46, 85, .1); + } + } + } + .shape-group { + li { + &.shape-1 { + top: 100px; + left: 30px; + } + &.shape-2 { + bottom: -35px; + right: 45px; + img { + animation: rotateIt 10s linear infinite; + } + } + } + } +} + +.why-choose-area-2 { + position: relative; + z-index: 2; + overflow: hidden; + background-color: var(--color-white); + &:before { + content: ""; + height: 68%; + width: 100%; + background-color: var(--color-lighten04); + clip-path: polygon(0 0, 100% 0%, 100% 84%, 0% 100%); + position: absolute; + top: 0; + left: 0; + right: 0; + z-index: -1; + } + .shape-group { + @media only screen and (max-width: 991px) { + display: none; + } + li { + position: absolute; + z-index: -1; + &.shape-1 { + top: -310px; + left: -50px; + span { + display: block; + height: 476px; + width: 476px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + &.shape-2 { + top: 80px; + left: 100px; + } + &.shape-3 { + top: 100px; + right: -20px; + span { + display: block; + height: 476px; + width: 476px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + &.shape-4 { + top: 50px; + right: 10px; + } + &.shape-5 { + bottom: -50px; + right: -50px; + span { + display: block; + height: 100px; + width: 100px; + border: 16px solid #f8b81f; + border-radius: 50%; + } + } + } + } +} + +.why-choose-box { + &.features-box { + box-shadow: 0 10px 30px 0 rgba(0,0,0,.05); + padding: 60px 50px 55px; + border-radius: 5px; + .icon { + height: 90px; + width: 90px; + font-size: 44px; + } + .content { + .title { + margin-bottom: 22px; + } + } + } +} + +.why-choose-box-2 { + &.features-box { + box-shadow: var(--shadow-darker); + padding: 0 50px 55px; + border-radius: 5px 50px 5px 70px; + .icon { + height: 90px; + width: 90px; + font-size: 44px; + transform: translateY(-55px); + margin-top: 55px; + margin-bottom: -20px; + color: var(--color-white); + } + .content { + .title { + margin-bottom: 22px; + } + } + &.color-primary-style { + .icon { + background-color: rgba(26, 182, 157, 1); + } + } + &.color-secondary-style { + .icon { + background-color: rgba(238, 74, 98, 1); + } + } + &.color-extra08-style { + .icon { + background-color: rgba(70, 100, 228, 1); + } + } + } +} + +.why-choose-box-3 { + &.features-box { + box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.05); + padding: 0; + border-radius: 5px; + max-width: 370px; + margin: 0 auto; + .thumbnail { + img { + border-radius: 5px 5px 0 0; + } + } + .content { + padding: 0 40px 45px; + } + .icon { + margin-top: -40px; + position: relative; + height: 90px; + width: 90px; + font-size: 44px; + color: var(--color-white); + } + .content { + .title { + margin-bottom: 22px; + } + } + &.color-primary-style { + .icon { + background-color: rgba(26, 182, 157, 1); + } + } + &.color-secondary-style { + .icon { + background-color: rgba(238, 74, 98, 1); + } + } + &.color-extra08-style { + .icon { + background-color: rgba(70, 100, 228, 1); + } + } + } +} + +.why-choose-area-3 { + position: relative; + z-index: 2; + overflow: hidden; + .shape-group { + @media only screen and (max-width: 991px) { + display: none; + } + li { + &.shape-1 { + top: -180px; + left: 75px; + @media #{$lg-layout-1} { + left: -100px; + } + span { + display: block; + height: 476px; + width: 476px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + &.shape-2 { + top: 195px; + left: 120px; + @media #{$lg-layout-1} { + left: 60px; + } + @media #{$custom-lg-device-eight} { + left: -60px; + top: 150px; + } + } + &.shape-3 { + top: 210px; + right: -60px; + } + } + } +} + +.why-choose-area-4 { + position: relative; + z-index: 2; + .shape-group { + @media only screen and (max-width: 991px) { + display: none; + } + li { + position: absolute; + z-index: -1; + &.shape-1 { + top: -25px; + left: -205px; + @media #{$custom-lg-device-eight} { + top: -35px; + left: -165px; + } + + } + &.shape-2 { + top: 10px; + right: -270px; + span { + height: 400px; + width: 400px; + border: 1px solid #e8e6e3; + border-radius: 50%; + display: block; + } + } + &.shape-3 { + right: -45px; + bottom: -27px; + span { + display: block; + height: 101px; + width: 101px; + border: 15px solid var(--color-tertiary); + border-radius: 50%; + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/health_coach/_categorie.scss b/public/assets/scss/template/health_coach/_categorie.scss new file mode 100644 index 0000000..ed86ac2 --- /dev/null +++ b/public/assets/scss/template/health_coach/_categorie.scss @@ -0,0 +1,134 @@ +.categorie-area-5 { + position: relative; + z-index: 1; + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: url(../../../images/bg/bg-image-32.webp); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + background-attachment: fixed; + z-index: -1; + } + .categorie-grid { + padding: 30px 30px; + display: flex; + text-align: left; + background-color: var(--color-white); + box-shadow: var(--shadow-darker); + .icon { + height: 80px; + width: 80px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 32px; + margin: 0 auto 28px; + transition: var(--transition); + } + .content { + flex: 1; + margin-top: 10px; + margin-left: 20px; + + .title { + font-weight: var(--p-bold); + margin-bottom: 10px; + color: var(--color-heading); + } + p { + color: var(--color-body); + margin-bottom: 0; + } + } + &.color-primary { + .icon { + background-color: rgba(26,182,157, .07); + color: rgb(26,182,157); + } + &:hover { + .icon { + background-color: rgb(26,182,157); + color: var(--color-white); + } + } + } + &.color-secondary { + .icon { + background-color: rgba(238, 74, 98, 0.102); + color: rgb(238, 74, 98); + } + &:hover { + .icon { + background-color: rgb(238, 74, 98); + color: var(--color-white); + } + } + } + &.color-extra08 { + .icon { + background-color: rgba(70, 100, 228, 0.102); + color: rgb(70, 100, 228); + } + &:hover { + .icon { + background-color: rgb(70, 100, 228); + color: var(--color-white); + } + } + } + &.color-tertiary { + .icon { + background-color: rgba(248, 148, 31, 0.102); + img { + filter: brightness(0) saturate(100%) invert(71%) sepia(92%) saturate(605%) hue-rotate(343deg) brightness(101%) contrast(95%); + } + } + &:hover { + .icon { + background-color: rgb(248, 148, 31); + img { + filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); + } + } + } + } + &.color-extra02 { + .icon { + background-color: rgba(142, 86, 255, 0.102); + img { + filter: brightness(0) saturate(100%) invert(46%) sepia(76%) saturate(4932%) hue-rotate(240deg) brightness(101%) contrast(104%); + } + } + &:hover { + .icon { + background-color: rgb(142, 86, 255); + img { + filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); + } + } + } + } + &.color-extra07 { + .icon { + background-color: rgba(249, 37, 150, 0.102); + color: rgb(249, 37, 150); + &.Physical-activity { + font-size: 30px; + } + } + &:hover { + .icon { + background-color: rgb(249, 37, 150); + color: var(--color-white); + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/health_coach/_features.scss b/public/assets/scss/template/health_coach/_features.scss new file mode 100644 index 0000000..eb44e1c --- /dev/null +++ b/public/assets/scss/template/health_coach/_features.scss @@ -0,0 +1,81 @@ +.features-area-5 { + @media #{$md-layout-1} { + padding-top: 100px; + } + .features-box { + box-shadow: none; + padding: 0; + transition: var(--transition-2); + .icon { + width: 120px; + height: 120px; + margin: 0 auto -50px; + border: 7px solid var(--color-white); + box-shadow: var( --shadow-darker4); + border-radius: 50%; + position: relative; + z-index: 1; + transition: var(--transition-2); + } + .content { + background-color: var(--color-white); + box-shadow: var(--shadow-darker); + padding: 100px 40px 50px 40px; + border-radius: 5px; + @media #{$md-layout-1} { + margin-bottom: 20px; + } + .title { + font-weight: var(--p-bold); + } + } + &.color-primary-style { + .icon { + img { + filter: brightness(0) saturate(100%) invert(53%) sepia(56%) saturate(571%) hue-rotate(121deg) brightness(99%) contrast(92%); + } + } + &:hover { + .icon { + img { + filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%); + } + } + } + } + &.color-secondary-style { + .icon { + background-color: rgba(238,74,98, .1); + box-shadow: 0px 20px 70px 0px rgba(176, 57, 75, 0.2); + img { + filter: brightness(0) saturate(100%) invert(47%) sepia(93%) saturate(3371%) hue-rotate(324deg) brightness(96%) contrast(93%); + } + } + &:hover { + .icon { + background-color: rgb(238,74,98); + img { + filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%); + } + } + } + } + &.color-extra06-style { + .icon { + background-color: rgb(231, 247, 254); + box-shadow: 0px 20px 70px 0px rgba(27, 89, 116, 0.2); + img { + filter: brightness(0) saturate(100%) invert(67%) sepia(25%) saturate(4311%) hue-rotate(170deg) brightness(104%) contrast(96%); + } + } + &:hover { + .icon { + background-color: var(--color-extra06); + img { + filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%); + } + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/health_coach/_hero_banner.scss b/public/assets/scss/template/health_coach/_hero_banner.scss new file mode 100644 index 0000000..a4c225f --- /dev/null +++ b/public/assets/scss/template/health_coach/_hero_banner.scss @@ -0,0 +1,187 @@ +.hero-banner { + &.hero-style-9 { + position: relative; + overflow: hidden; + .slider { + width: 100%; + height: 95vh; + display: flex; + flex-wrap: wrap; + position: relative; + @media #{$md-layout-1} { + height: auto; + } + .container { + position: relative; + padding-top: 200px; + display: flex; + flex-wrap: wrap; + @media #{$custom-lg-device-eight} { + padding-top: 150px; + } + @media #{$smlg-device} { + padding-top: 100px; + } + .shape-group { + li { + &.shape-1 { + left: -460px; + top: -308px; + z-index: -1; + span { + display: block; + width: 474px; + height: 474px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + &.shape-2 { + left: -257px; + top: 70px; + } + } + } + } + .health-slider-content { + width: calc(61% - 120px); + position: relative; + overflow: hidden; + margin: 0; + margin-right: 40px; + @media #{$md-layout-1} { + width: 100%; + margin-right: 0; + margin-bottom: 30px; + } + br { + @media #{$small-mobile} { + display: none; + } + } + .swiper-slide { + padding: 0; + .inner { + width: 100%; + display: block; + @media #{$md-layout-1} { + text-align: center; + } + .pre-title { + font-weight: var(--p-bold); + text-transform: uppercase; + letter-spacing: 2.5px; + margin-left: 5px; + } + .title { + padding-top: 15px; + } + p { + font-size: 18px; + color: var(--color-heading); + } + } + } + } + .health-slider-main { + width: calc(44vw + 80px); + height: calc(80vh - 150px); + overflow: hidden; + margin: 0; + position: absolute; + left: calc(60% - 80px); + top: 100px; + @media #{$md-layout-1} { + width: 100%; + position: static; + } + .swiper-slide { + padding: 0; + } + .slide-image { + width: 100%; + height: 100%; + display: inline-block; + background-position: center !important; + background-size: cover !important; + } + } + } + .hero-slider-bg-controls { + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + z-index: 10; + @media (max-width:1400px) { + display: none; + } + + .swiper-slide-controls { + display: inline-block; + width: 60px; + height: 60px; + line-height: 60px; + transition: all .4s ease-out; + background-color: var(--color-white); + color: var(--color-heading); + i { + font-size: 20px; + line-height: 58px; + } + cursor: pointer; + + &:hover { + transition: all .4s ease-out; + background-color: var(--color-primary); + color: var(--color-white); + } + } + .slide-prev, + .slide-next { + position: relative; + width: 60px!important; + margin-left: auto; + margin-right: 6px; + text-align: center; + border-radius: 50%; + box-shadow: var(--shadow-darker3); + } + .slide-next { + right: 0px; + top: -69px; + } + .slide-prev { + right: -70px; + top: 0; + } + } + .shape-group { + li { + &.shape-3 { + top: 35px; + left: 39%; + } + &.shape-4 { + bottom: 25%; + left: 100px; + @media #{$custom-lg-device-six} { + left: 2px; + } + @media (max-width:1400px) { + display: none; + } + } + &.shape-5 { + right: 38.5%; + bottom: 12.6%; + z-index: 1; + } + &.shape-6 { + right: 42.5%; + bottom: 14.5%; + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/health_coach/_main.scss b/public/assets/scss/template/health_coach/_main.scss new file mode 100644 index 0000000..6484aeb --- /dev/null +++ b/public/assets/scss/template/health_coach/_main.scss @@ -0,0 +1,11 @@ +/*======================================================================= + Health Coach Styles Starts +=========================================================================*/ + +@import "hero_banner"; +@import "features"; +@import "categorie"; + +/*======================================================================= + Health Coach Styles End +=========================================================================*/ \ No newline at end of file diff --git a/public/assets/scss/template/language-academy/_hero-banner.scss b/public/assets/scss/template/language-academy/_hero-banner.scss new file mode 100644 index 0000000..e69de29 diff --git a/public/assets/scss/template/language-academy/_main.scss b/public/assets/scss/template/language-academy/_main.scss new file mode 100644 index 0000000..1965011 --- /dev/null +++ b/public/assets/scss/template/language-academy/_main.scss @@ -0,0 +1,9 @@ +/*======================================================================= + Language Academy Styles Starts +=========================================================================*/ + +@import "hero_banner"; + +/*======================================================================= + Language Academy Styles End +=========================================================================*/ \ No newline at end of file diff --git a/public/assets/scss/template/language_academy/_faq.scss b/public/assets/scss/template/language_academy/_faq.scss new file mode 100644 index 0000000..40901ea --- /dev/null +++ b/public/assets/scss/template/language_academy/_faq.scss @@ -0,0 +1,96 @@ +.faq-style-6 { + overflow: hidden; + .edu-faq-content { + padding-bottom: 120px; + @media #{$md-layout-1} { + padding-bottom: 60px; + } + } + .edu-faq-gallery { + bottom: -96px; + @media #{$smlg-device} { + bottom: -115px; + left: 40px; + } + @media #{$md-layout-1} { + left: 0; + bottom: 0; + } + .thumbnail-1 { + img { + border-radius: 0; + } + @media #{$md-layout-1} { + text-align: center; + } + } + .shape-group { + li { + &.shape-1 { + top: -88px; + left: 0%; + span { + width: 550px; + height: 550px; + border-radius: 50%; + display: block; + background-color: rgba(255, 255, 255, 0.4); + box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.05); + } + } + &.shape-2 { + top: -37px; + left: 50px; + span { + width: 450px; + height: 450px; + border-radius: 50%; + display: block; + background-color: rgba(255, 255, 255, 0.4); + box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.05); + } + } + &.shape-3 { + top: 165px; + left: 367px; + bottom: inherit; + z-index: -1; + } + &.shape-4 { + top: 80px; + right: -38px; + left: inherit; + bottom: inherit; + z-index: 1; + } + &.shape-5 { + left: -20px; + bottom: 153px; + } + } + } + } + .faq-accordion { + .accordion-item { + box-shadow: none; + .accordion-button.collapsed { + border: 1px solid var(--color-border); + border-bottom-right-radius: 10px; + border-bottom-left-radius: 10px; + } + .accordion-body { + box-shadow: var(--shadow-darker); + border-bottom-right-radius: 10px; + border-bottom-left-radius: 10px; + } + } + } + .row--45 > [class*="col"], + .row--45 > [class*="col-"] { + @media #{$laptop-device} { + padding-left: 40px; + padding-right: 40px; + } + } +} + \ No newline at end of file diff --git a/public/assets/scss/template/language_academy/_featrues.scss b/public/assets/scss/template/language_academy/_featrues.scss new file mode 100644 index 0000000..e8e8b36 --- /dev/null +++ b/public/assets/scss/template/language_academy/_featrues.scss @@ -0,0 +1,6 @@ +.features-area-6 { + .features-box { + background-color: transparent; + + } +} \ No newline at end of file diff --git a/public/assets/scss/template/language_academy/_features.scss b/public/assets/scss/template/language_academy/_features.scss new file mode 100644 index 0000000..9e16baa --- /dev/null +++ b/public/assets/scss/template/language_academy/_features.scss @@ -0,0 +1,93 @@ +.features-area-6 { + padding-bottom: 50px; + position: relative; + &::after { + content: ""; + position: absolute; + left: 0; + right: 0; + top: -297px; + width: 100%; + height: 100%; + z-index: 1; + background: url(../../../images/bg/wave-banner.svg); + background-repeat: no-repeat; + background-position: center top; + @media #{$large-mobile} { + display: none; + } + } + .section-title { + margin-bottom: -40px; + } + .features-box { + background-color: transparent; + box-shadow: none; + .title { + font-weight: var(--p-bold); + } + p { + color: var(--color-body); + } + .icon { + width: 100%; + height: 100%; + text-align: center; + &.icon-course { + background: url(../../../images/bg/features-bg-1.svg); + background-repeat: no-repeat; + background-position: center; + svg { + filter: brightness(0) saturate(100%) invert(37%) sepia(79%) saturate(3130%) hue-rotate(240deg) brightness(101%) contrast(102%); + } + } + &.icon-tag { + background: url(../../../images/bg/features-bg-2.svg); + background-repeat: no-repeat; + background-position: center; + + @media #{$large-mobile} { + margin-top: 20px; + } + svg { + filter: brightness(0) saturate(100%) invert(47%) sepia(23%) saturate(4728%) hue-rotate(321deg) brightness(92%) contrast(102%); + } + } + &.icon-certificate { + background: url(../../../images/bg/features-bg-3.svg); + background-repeat: no-repeat; + background-position: center; + svg { + filter: brightness(0) saturate(100%) invert(68%) sepia(74%) saturate(5492%) hue-rotate(138deg) brightness(105%) contrast(80%); + } + } + &.icon-member { + background: url(../../../images/bg/features-bg-4.svg); + background-repeat: no-repeat; + background-position: center; + svg { + filter: brightness(0) saturate(100%) invert(83%) sepia(54%) saturate(3372%) hue-rotate(345deg) brightness(109%) contrast(94%); + } + } + } + &.feature-wrapper { + @media #{$md-layout-1} { + margin-top: 50px; + } + } + } + .shape-group { + li { + &.shape-1 { + right: 160px; + top: -88px; + z-index: 13; + } + &.shape-2 { + right: 0px; + top: -297px; + z-index: 12; + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/language_academy/_hero-banner.scss b/public/assets/scss/template/language_academy/_hero-banner.scss new file mode 100644 index 0000000..d3bbca8 --- /dev/null +++ b/public/assets/scss/template/language_academy/_hero-banner.scss @@ -0,0 +1,3 @@ +.hero-style-10 { + background: var(--bg-color); +} \ No newline at end of file diff --git a/public/assets/scss/template/language_academy/_hero_banner.scss b/public/assets/scss/template/language_academy/_hero_banner.scss new file mode 100644 index 0000000..a2c85ab --- /dev/null +++ b/public/assets/scss/template/language_academy/_hero_banner.scss @@ -0,0 +1,191 @@ +.hero-style-10 { + min-height: 890px; + background: var(--bg-color); + position: relative; + top: -110px; + overflow: hidden; + @media #{$smlg-device} { + min-height: 700px; + } + @media #{$md-layout-1} { + min-height: 100%; + } + + .banner-content { + position: relative; + z-index: 2; + p { + padding-right: 85px; + @media #{$md-layout-1} { + padding-right: 0; + } + } + .shape-group { + li { + &.shape-1 { + left: -485px; + top: -430px; + + span { + border: 32px solid rgba(255, 255, 255, 0.302); + border-radius: 50%; + width: 453px; + height: 453px; + display: inline-block; + } + } + &.shape-2 { + left: -209px; + top: -30px; + span { + width: 100px; + height: 100px; + background: var(--color-tertiary); + border-radius: 100%; + } + } + } + } + @media #{$md-layout-1} { + margin-top: 200px; + } + @media #{$sm-layout} { + margin-top: 150px; + margin-bottom: 100px; + } + @media #{$large-mobile} { + margin-bottom: 50px; + } + } + + .banner-thumbnail { + margin-right: -213px; + margin-bottom: -170px; + @media #{$smlg-device} { + margin-left: 0; + margin-right: -70px; + } + @media #{$md-layout-1} { + margin-bottom: -20px; + margin-right: 0; + } + .instructor-info { + bottom: 236px; + left: 27px; + @media #{$smlg-device} { + bottom: 150px; + left: -50px; + } + @media #{$md-layout-1} { + bottom: 250px; + left: -16px; + } + @media #{$large-mobile} { + display: none; + } + .inner { + max-width: 150px; + width: 100%; + max-height: 290px; + background-color: var(--color-white); + border-radius: 75px; + box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); + text-align: center; + padding: 26px 27px 40px; + position: relative; + + &::after { + content: ""; + position: absolute; + left: 50%; + top: 50%; + bottom: 50%; + width: 70px; + height: 1px; + background-color: var(--color-border); + transform: translateX(-50%); + } + + .counter-item { + font-size: 35px; + font-weight: var(--p-bold); + text-align: center; + margin-bottom: 0; + + &.primary-color { + color: var(--color-primary); + } + &.secondary-color { + color: var(--color-secondary); + } + &.count-number { + span { + font-size: 30px; + font-family: var(--font-secondary); + font-weight: var(--p-extra-bold); + } + } + } + .title { + font-size: 13px; + text-transform: uppercase; + } + .enrolled-counter { + margin-top: 10px; + } + .lahguage-counter { + margin-top: 72px; + } + } + } + .shape-group { + li { + &.shape-3 { + top: 11px; + left: -24%; + z-index: 1; + } + &.shape-4 { + top: -12px; + left: -122px; + right: inherit; + z-index: -1; + } + &.shape-5 { + top: -90px; + right: 175px; + } + &.shape-6 { + top: -35px; + right: 228px; + } + &.shape-7 { + right: 203px; + bottom: 240px; + } + } + } + } + .wave-bottom-bg { + position: absolute; + bottom: 0; + width: 100%; + z-index: 1; + background-repeat: no-repeat; + background-size: cover; + overflow-x:hidden ; + + @media #{$md-layout-1} { + display: none; + } + } + .shape-group { + li { + &.shape-8 { + right: 0; + top: 225px; + z-index: 1; + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/language_academy/_main.scss b/public/assets/scss/template/language_academy/_main.scss new file mode 100644 index 0000000..b0fb75b --- /dev/null +++ b/public/assets/scss/template/language_academy/_main.scss @@ -0,0 +1,12 @@ +/*======================================================================= + Language Academy Styles Starts +=========================================================================*/ + +@import "hero_banner"; +@import "features"; +@import "faq"; +@import "video"; + +/*======================================================================= + Language Academy Styles End +=========================================================================*/ \ No newline at end of file diff --git a/public/assets/scss/template/language_academy/_video.scss b/public/assets/scss/template/language_academy/_video.scss new file mode 100644 index 0000000..8be9986 --- /dev/null +++ b/public/assets/scss/template/language_academy/_video.scss @@ -0,0 +1,47 @@ +.video-area-5 { + position: relative; + width: 100; + + &::after { + content: ""; + position: absolute; + left: 0; + right: 0; + top: 0; + width: 100%; + height: 100%; + background: url(../../../images/bg/testimonial-wave-bg.png); + background-repeat: no-repeat; + background-position: center top; + } + .video-gallery { + .thumbnail { + &::before { + border-radius: 5px; + } + img { + width: 100%; + border-radius: 5px; + box-shadow: 0px 30px 60px 0px rgba(15, 11, 44, 0.15); + } + + .video-play-btn { + background: var(--color-white); + i { + color: var(--color-secondary); + } + &::before { + border: 1px solid rgba(238, 74, 98, .4); + } + &::after { + border: 1px solid rgba(238, 74, 98, .4); + } + } + } + @media #{$md-layout-1} { + .thumbnail-2 { + margin-top: 50px; + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/modern_schooling/_blog.scss b/public/assets/scss/template/modern_schooling/_blog.scss new file mode 100644 index 0000000..8f1fda6 --- /dev/null +++ b/public/assets/scss/template/modern_schooling/_blog.scss @@ -0,0 +1,33 @@ +// //Blog Style +// .edu-blog-area { +// &.blog-area-6 { +// .thumbnail { +// position: relative; +// a { +// border-radius: 10px 10px 0px 0px; +// img { +// border-radius: 10px 10px 0px 0px; +// } +// } +// .date { +// position: absolute; +// left: 20px; +// top: 20px; +// background: var(--gradient-primary); +// border-radius: 3px; +// padding: 3px 12px; +// font-size: 15px; +// color: var(--color-white); +// display: block; +// } +// } +// .content { +// border-radius: 0px 0px 10px 10px; +// &.position-top { +// margin-top: 0; +// margin-left: 0; +// margin-right: 0; +// } +// } +// } +// } \ No newline at end of file diff --git a/public/assets/scss/template/modern_schooling/_bra b/public/assets/scss/template/modern_schooling/_bra new file mode 100644 index 0000000..e69de29 diff --git a/public/assets/scss/template/modern_schooling/_brand.scss b/public/assets/scss/template/modern_schooling/_brand.scss new file mode 100644 index 0000000..4b3dd45 --- /dev/null +++ b/public/assets/scss/template/modern_schooling/_brand.scss @@ -0,0 +1,12 @@ +// Brand Style +.brand-area-6 { + background-color: var(--cta-color-bg); + padding: 30px 0; + + .brand-grid-wrap { + .brand-grid { + border-right: 1px solid #e8eced; + } + } +} + \ No newline at end of file diff --git a/public/assets/scss/template/modern_schooling/_call_to_action.scss b/public/assets/scss/template/modern_schooling/_call_to_action.scss new file mode 100644 index 0000000..7c85a22 --- /dev/null +++ b/public/assets/scss/template/modern_schooling/_call_to_action.scss @@ -0,0 +1,89 @@ +.edu-cta-banner-area-6 { + background: var(--gradient-primary); + width: 100%; + overflow: visible !important; + + .thumbnail { + img { + height: 567px; + margin-top: -67px; + margin-left: 60px; + @media #{$lg-layout} { + margin-top: -30px; + } + @media #{$md-layout-1} { + display: none; + } + } + } + .section-title { + padding: 120px 0; + @media #{$md-layout-1} { + text-align: center; + padding: 70px 0; + + br { + display: none; + } + } + + .title { + color: var(--color-white); + } + a { + &.edu-btn { + &.btn-sceondary { + &:hover { + color: var(--color-heading) !important; + background-color: var(--color-white) !important; + } + } + } + } + } + .edu-cta-banner { + .shape-group { + li { + &.shape-01 { + top: 100px !important; + left: -8px !important; + } + &.shape-02 { + top: 161px !important; + left: -64px !important; + bottom: inherit !important; + } + &.shape-03 { + left: 28% !important; + bottom: 100px !important; + z-index: -1 !important; + right: inherit !important; + top: inherit !important; + } + &.shape-04 { + top: inherit !important; + right: inherit !important; + bottom: 29% !important; + left: 29% !important; + z-index: 1; + } + &.shape-05 { + top: 110px !important; + right: -251px !important; + } + &.shape-06 { + top: 0 !important; + right: -32% !important; + } + } + } + } + .btn-secondary { + &::after { + background: var(--color-white); + } + &:hover { + color: var(--color-heading) !important; + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/modern_schooling/_categorie.scss b/public/assets/scss/template/modern_schooling/_categorie.scss new file mode 100644 index 0000000..a974c18 --- /dev/null +++ b/public/assets/scss/template/modern_schooling/_categorie.scss @@ -0,0 +1,217 @@ +// Categorie Style +.categorie-area-4 { + .categorie-grid { + display: flex; + align-items: flex-start; + background: transparent; + padding: 0; + text-align: left; + + .icon { + font-size: 40px; + margin: 0 20px 0 0; + .computer-science { + font-size: 33px; + } + .health-fitness { + font-size: 46px; + } + .personal-development { + font-size: 44px; + } + .art-design { + font-size: 45px; + } + .video-photography { + font-size: 37px; + } + .data-science { + font-size: 41px; + } + } + &.color-primary-style, + &.color-secondary-style, + &.color-extra01-style, + &.color-extra02-style, + &.color-extra03-style, + &.color-extra04-style, + &.color-extra05-style, + &.color-extra06-style, + &.color-extra07-style, + &.color-tertiary-style{ + background-color: transparent; + } + &.categorie-style-4 { + .content { + margin-top: 13px; + .title { + font-size: 16px; + margin-bottom: 5px; + } + span { + display: block; + } + } + &.color-primary-style { + .content { + .title { + &:hover { + color: var(--color-primary); + } + } + } + } + &.color-secondary-style { + .content { + .title { + &:hover { + color: var(--color-secondary); + } + } + } + } + &.color-extra01-style { + .content { + .title { + &:hover { + color: var(--color-extra01); + } + } + } + } + &.color-extra02-style { + .content { + .title { + &:hover { + color: var(--color-extra02); + } + } + } + } + &.color-extra03-style { + .content { + .title { + &:hover { + color: var(--color-extra03); + } + } + } + } + &.color-extra04-style { + .content { + .title { + &:hover { + color: var(--color-extra04); + } + } + } + } + &.color-extra05-style { + .content { + .title { + &:hover { + color: var(--color-extra05); + } + } + } + } + &.color-extra06-style { + .content { + .title { + &:hover { + color: var(--color-extra06); + } + } + } + } + &.color-extra07-style { + .content { + .title { + &:hover { + color: var(--color-extra07); + } + } + } + } + &.color-tertiary-style { + .content { + .title { + &:hover { + color: var(--color-tertiary); + } + } + } + } + &:hover { + &.color-primary-style { + background-color: transparent; + .icon { + background-color: var(--color-primary); + } + } + &.color-secondary-style { + background-color: transparent; + .icon { + background-color: var(--color-secondary); + } + } + &.color-extra01-style { + background-color: transparent; + .icon { + background-color: var(--color-extra01); + } + } + &.color-extra02-style { + background-color: transparent; + .icon { + background-color: var(--color-extra02); + } + } + &.color-extra03-style { + background-color: transparent; + .icon { + background-color: var(--color-extra03); + } + } + &.color-extra04-style { + background-color: transparent; + .icon { + background-color: var(--color-extra04); + } + } + &.color-extra05-style { + background-color: transparent; + .icon { + background-color: var(--color-extra05); + } + } + &.color-extra06-style { + background-color: transparent; + .icon { + background-color: var(--color-extra06); + } + } + &.color-extra07-style { + .icon { + background-color: var(--color-extra07); + } + } + &.color-tertiary-style { + background-color: transparent; + .icon { + background-color: var(--color-tertiary); + } + } + } + } + &:hover { + background-color: transparent; + + .content { + .title { + color: var(--color-heading); + } + } + } + } +} diff --git a/public/assets/scss/template/modern_schooling/_course.scss b/public/assets/scss/template/modern_schooling/_course.scss new file mode 100644 index 0000000..be5ad73 --- /dev/null +++ b/public/assets/scss/template/modern_schooling/_course.scss @@ -0,0 +1,123 @@ +// Course Style +.edu-course-area { + &.course-area-8 { + background-color: var(--color-lighten01); + position: relative; + overflow: hidden; + &::before { + display: none; + } + ul { + padding-left: 0; + list-style: none; + + .section-title { + display: inline-block; + margin-top: 0px; + @media #{$md-layout-1} { + display: block; + text-align: center; + } + } + .course-view-all { + text-align: end; + margin-top: -140px; + margin-bottom: 55px; + @media #{$md-layout-1} { + margin-top: -15px; + margin-bottom: 33px; + text-align: center; + } + a { + &:hover { + color: var(--color-white); + } + } + } + } + .edu-course { + &.course-style-4 { + + &::after { + position: absolute; + content: ''; + left: 0; + top: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + background: var(--gradient-primary); + border-radius: 5px; + opacity: 0; + visibility: hidden; + transition: all .4s ease-in-out; + } + .inner { + position: relative; + z-index: 12; + } + .thumbnail{ + a { + &::after { + border-radius: 50%; + } + img { + border-radius: 50% !important; + } + } + .time-top { + left: 0 !important; + } + } + &:hover { + background: transparent; + &::after { + opacity: 1; + visibility: visible; + } + .course-hover-content-wrapper { + opacity: 1; + } + .thumbnail { + a { + img { + transform: scale(1); + } + } + } + } + } +} + + .shape-group { + li { + &.shape-1 { + left: -280px; + top: 13px; + } + &.shape-2 { + left: -600px; + top: -430px; + z-index: -1; + span { + width: 570px; + height: 570px; + border: 1px solid var(--color-border); + border-radius: 50%; + display: block; + } + } + &.shape-3 { + bottom: -33px; + right: -101px; + } + &.shape-4 { + right: -100px; + bottom: -12px; + z-index: 1; + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/modern_schooling/_faq.scss b/public/assets/scss/template/modern_schooling/_faq.scss new file mode 100644 index 0000000..42329a1 --- /dev/null +++ b/public/assets/scss/template/modern_schooling/_faq.scss @@ -0,0 +1,43 @@ +//Faq Style +.faq-style-5 { + .section-title { + @media #{$md-layout-1} { + text-align: center; + } + } + .edu-faq-gallery { + .thumbnail-1 { + @media #{$md-layout-1} { + text-align: center; + } + } + .shape-group { + li { + &.shape-1 { + top: 179px; + left: 3px; + } + &.shape-2 { + right: 147px; + top: 61%; + } + &.shape-3 { + bottom: 0; + left: -66%; + } + } + } + } + .faq-accordion { + .accordion-item { + .accordion-button { + background: var(--gradient-primary); + transition: background .3s ease; + + &.collapsed { + background: transparent; + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/modern_schooling/_hero_banner.scss b/public/assets/scss/template/modern_schooling/_hero_banner.scss new file mode 100644 index 0000000..8e3e574 --- /dev/null +++ b/public/assets/scss/template/modern_schooling/_hero_banner.scss @@ -0,0 +1,141 @@ +// Modern Schooling Banner Styles +.hero-banner { + &.hero-style-8 { + min-height: 790px; + position: relative; + + @media #{$md-layout} { + padding-top: 95px; + } + + .banner-content { + z-index: 12; + + @media #{$md-layout-1} { + text-align: center; + padding-bottom: 50px; + } + @media #{$sm-layout} { + padding-top: 50px; + } + + p { + padding-right: 90px; + @media #{$md-layout-1} { + padding-right: 0; + } + } + .banner-search { + width: 92%; + @media #{$md-layout-1} { + width: 100%; + } + .input-group { + box-shadow: var(--shadow-darker3); + border: none; + border-radius: 4px; + .form-control { + height: 70px; + border: none; + line-height: 1; + font-size: 15px; + color: var(--color-body); + font-weight: 400; + padding: 0 0 0 20px; + &:focus { + box-shadow: none; + } + } + .search-btn { + border: none; + background-color: transparent; + font-size: 20px; + color: var(--color-heading); + padding: 0 20px; + transition: var(--transition); + &:hover { + color: var(--color-primary); + } + } + } + } + } + .banner-thumbnail { + margin-right: -100px; + margin-top: -60px; + @media #{$custom-lg-device-eight} { + margin-right: -40px; + } + @media #{$smlg-device} { + margin-right: 0; + } + + .thumbnail { + @media #{$md-layout-1} { + padding-bottom: 100px; + } + } + + .instructor-info { + bottom: -60px; + left: 35px; + @media #{$md-layout-1} { + left: 0; + bottom: 90px; + } + } + .shape-group { + li { + &.shape-1 { + top: 120px; + left: 162px; + } + &.shape-2 { + top: 92px; + left: inherit; + right: -30px; + } + &.shape-3 { + top: inherit; + left: inherit; + right: -100px; + bottom: 9px; + @media #{$custom-lg-device-six} { + right: -40px; + } + } + &.shape-4 { + top: -25px; + right: inherit; + left: -10px; + z-index: -1; + } + } + } + } + + .shape-group { + li { + position: absolute; + + &.shape-5 { + left: -220px; + top: -240px; + z-index: 1; + span { + display: block; + width: 400px; + height: 400px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + &.shape-6 { + left: -297px; + top: -23px; + z-index: 1; + } + } + } + } +} diff --git a/public/assets/scss/template/modern_schooling/_index.scss b/public/assets/scss/template/modern_schooling/_index.scss new file mode 100644 index 0000000..0da679b --- /dev/null +++ b/public/assets/scss/template/modern_schooling/_index.scss @@ -0,0 +1,151 @@ +/*======================================================================= + Modern Schooling Styles Starts +=========================================================================*/ + +// @import "hero_banner"; + +/*======================================================================= + Modern Schooling Styles End +=========================================================================*/ +// Modern Schooling Banner Styles +.hero-banner { + &.hero-style-8 { + min-height: 790px; + background-color: var(--color-white); + position: relative; + + @media #{$md-layout} { + padding-top: 95px; + } + + .banner-content { + z-index: 12; + + @media #{$md-layout-1} { + text-align: center; + padding-bottom: 50px; + } + @media #{$sm-layout} { + padding-top: 50px; + } + + p { + padding-right: 90px; + @media #{$md-layout-1} { + padding-right: 0; + } + } + .banner-search { + width: 92%; + @media #{$md-layout-1} { + width: 100%; + } + .input-group { + background-color: var(--color-white); + box-shadow: var(--shadow-darker3); + border: none; + border-radius: 4px; + .form-control { + height: 70px; + border: none; + line-height: 1; + font-size: 15px; + color: var(--color-body); + font-weight: 400; + padding: 0 0 0 20px; + &:focus { + box-shadow: none; + } + } + .search-btn { + border: none; + background-color: transparent; + font-size: 20px; + color: var(--color-heading); + padding: 0 20px; + transition: var(--transition); + &:hover { + color: var(--color-primary); + } + } + } + } + } + .banner-thumbnail { + margin-right: -100px; + margin-top: -60px; + @media #{$custom-lg-device-eight} { + margin-right: -40px; + } + @media #{$smlg-device} { + margin-right: 0; + } + + .thumbnail { + @media #{$md-layout-1} { + padding-bottom: 100px; + } + } + + .instructor-info { + bottom: -60px; + left: 35px; + @media #{$md-layout-1} { + left: 0; + bottom: 45px; + } + } + .shape-group { + li { + &.shape-1 { + top: 120px; + left: 162px; + } + &.shape-2 { + top: 92px; + left: inherit; + right: -30px; + } + &.shape-3 { + top: inherit; + left: inherit; + right: -100px; + bottom: 9px; + @media #{$custom-lg-device-six} { + right: -40px; + } + } + &.shape-4 { + top: -25px; + right: inherit; + left: -10px; + } + } + } + } + + .shape-group { + li { + position: absolute; + + &.shape-5 { + left: 140px; + top: -88px; + z-index: 1; + span { + display: block; + width: 400px; + height: 400px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + &.shape-6 { + left: 67px; + top: 140px; + z-index: 1; + } + } + } + } +} diff --git a/public/assets/scss/template/modern_schooling/_main.scss b/public/assets/scss/template/modern_schooling/_main.scss new file mode 100644 index 0000000..697261a --- /dev/null +++ b/public/assets/scss/template/modern_schooling/_main.scss @@ -0,0 +1,13 @@ +/*======================================================================= + Modern Schooling Styles Starts +=========================================================================*/ + +@import "hero_banner"; +@import "brand"; +@import "categorie"; +@import "faq"; +@import "call_to_action"; + +/*======================================================================= + Modern Schooling Styles End +=========================================================================*/ diff --git a/public/assets/scss/template/modern_schooling/_modern_schooling.scss b/public/assets/scss/template/modern_schooling/_modern_schooling.scss new file mode 100644 index 0000000..c68c596 --- /dev/null +++ b/public/assets/scss/template/modern_schooling/_modern_schooling.scss @@ -0,0 +1,9 @@ +/*======================================================================= + Modern Schooling Styles Starts +=========================================================================*/ + +@import "hero_banner"; + +/*======================================================================= + Modern Schooling Styles End +=========================================================================*/ \ No newline at end of file diff --git a/public/assets/scss/template/modern_schooling/_modern_testimonial.scss b/public/assets/scss/template/modern_schooling/_modern_testimonial.scss new file mode 100644 index 0000000..41cdb7c --- /dev/null +++ b/public/assets/scss/template/modern_schooling/_modern_testimonial.scss @@ -0,0 +1,81 @@ +// Testimonial Style +.testimonial-area-8 { + background-image: url(../../../images/bg/h8-testimonial-bg.svg); + width: 100%; + height: 100%; + background-size: cover; + background-repeat: no-repeat; + background-position: center bottom; + position: relative; + .testimonial-activation { + padding: 0 30px; + margin: -30px -30px 0; + margin-bottom: 50px; + + .swiper-slide { + opacity: 0; + visibility: hidden; + &.swiper-slide-active, + &.swiper-slide-next, + &.swiper-slide-next + .swiper-slide { + opacity: 1; + visibility: visible; + } + &.swiper-slide-next + .swiper-slide { + + @media #{$md-layout-1} { + opacity: 0; + visibility: hidden; + } + } + &.swiper-slide-next { + @media #{$sm-layout} { + opacity: 0; + visibility: hidden; + } + } + } + } + + .testimonial-slide { + margin-top: 93px; + .author-info { + display: block; + + .thumb { + margin-right: 0; + margin-top: -100px; + margin-bottom: 35px; + } + } + .content { + text-align: center; + margin-bottom: 45px; + + p { + margin-bottom: 30px; + } + .info { + .title { + margin-bottom: 5px; + } + } + } + } + + .shape-group { + li { + &.shape-3 { + bottom: 109px; + left: 50%; + z-index: 1; + transform: translateX(-50%); + } + } + } + .swiper-horizontal>.swiper-pagination-bullets, + .swiper-pagination-bullets.swiper-pagination-horizontal, + .swiper-pagination-custom, .swiper-pagination-fraction { + bottom: -30px; + } +} \ No newline at end of file diff --git a/public/assets/scss/template/modern_schooling/_testimonial.scss b/public/assets/scss/template/modern_schooling/_testimonial.scss new file mode 100644 index 0000000..d60da65 --- /dev/null +++ b/public/assets/scss/template/modern_schooling/_testimonial.scss @@ -0,0 +1,2 @@ +// Testimonial Style + diff --git a/public/assets/scss/template/remote_training/_about.scss b/public/assets/scss/template/remote_training/_about.scss new file mode 100644 index 0000000..518fcdd --- /dev/null +++ b/public/assets/scss/template/remote_training/_about.scss @@ -0,0 +1,139 @@ +.about-counterup { + overflow: hidden; + position: relative; + .about-style-3 { + padding: 90px 0; + } + &::after { + content: ""; + position: absolute; + left: 0; + top: 0; + bottom: 0; + width: 100%; + height: 100%; + background: url(../../../images/bg/bg-image-38.webp); + background-repeat: no-repeat; + z-index: -1; + } + .about-course { + padding-top: 30px; + .about-course-box { + padding: 50px 30px; + text-align: center; + border-radius: 4px; + box-shadow: var(--shadow-darker); + background-color: var(--color-white); + -webkit-transition: var(--transition); + transition: var(--transition); + } + .about-course-style-2 { + max-width: 480px; + min-height: 160px; + background-color: var(--color-white); + box-shadow: var(--shadow-darker); + border-radius: 5px; + display: flex; + align-items: center; + padding: 30px 0; + text-align: left; + padding-left: 30px; + margin-bottom: 30px; + .icon-online{ + margin: 0; + background-color: rgba(26, 182, 157, 0.1); + padding: 0 21px; + svg { + filter: brightness(0) saturate(100%) invert(71%) sepia(32%) saturate(6176%) hue-rotate(126deg) brightness(92%) contrast(80%); + } + } + .instructor { + margin: 0; + background-color: rgba(238, 74, 98, 0.1); + padding: 0 27px; + svg { + filter: brightness(0) saturate(100%) invert(29%) sepia(88%) saturate(1186%) hue-rotate(321deg) brightness(111%) contrast(87%); + } + } + .certificate { + margin: 0; + background-color: rgb(231, 247, 254); + padding: 0 22px; + svg { + filter: brightness(0) saturate(100%) invert(72%) sepia(64%) saturate(2427%) hue-rotate(167deg) brightness(95%) contrast(105%); + } + } + .content { + padding-left: 20px; + .title { + margin-bottom: 0; + font-size: var(--h5); + font-weight: var(--p-semi-bold); + } + p { + margin: 0; + padding-right: 40px; + color: var(--color-heading); + } + } + &.remote-course { + margin-left: 50px; + @media #{$smlg-device} { + margin-left: 0; + } + } + } + .icon { + height: 80px; + width: 80px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 32px; + margin: 0 auto 28px; + transition: var(--transition); + } + } + .shape-group { + li { + &.shape-1 { + left: -39%; + top: -153px; + span { + display: block; + width: 400px; + height: 400px; + border: 1px solid var(--color-border); + border-radius: 50%; + } + } + &.shape-2 { + left: -257px; + top: 96px; + } + &.shape-3 { + right: -204px; + bottom: -199px; + } + } + } + .remote-training-about { + .about-content { + padding-left: 30px; + padding-right: 0; + @media #{$lg-layout} { + padding-left: 60px; + } + @media #{$md-layout-1} { + padding-left: 0; + } + } + .features-list { + padding-bottom: 20px; + li { + font-weight: var(--p-bold); + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/remote_training/_call_to_action.scss b/public/assets/scss/template/remote_training/_call_to_action.scss new file mode 100644 index 0000000..3b68c78 --- /dev/null +++ b/public/assets/scss/template/remote_training/_call_to_action.scss @@ -0,0 +1,42 @@ +.remote-training-wrapper { + background: url("../../../images/cta/cta-banner-remote.webp"); + + &::before { + display: none; + } + .edu-cta-banner { + .section-title { + .title { + color: var(--color-white); + } + .subs-button { + justify-content: center; + .btn-medium { + background: var(--color-white); + color: var(--color-heading); + font-weight: var(--p-semi-bold); + height: 60px; + + &::after { + background: var(--color-secondary); + } + &:hover { + color: var(--color-white) !important; + } + } + } + } + .shape-group { + li { + &.shape-01 { + right: -252px; + top: -25px; + } + &.shape-02 { + left: -4px; + bottom: -20px; + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/remote_training/_faq.scss b/public/assets/scss/template/remote_training/_faq.scss new file mode 100644 index 0000000..c188b5a --- /dev/null +++ b/public/assets/scss/template/remote_training/_faq.scss @@ -0,0 +1,94 @@ +.faq-style-7 { + overflow: hidden; + padding-top: 350px; + margin-top: -240px; + position: relative; + + &::after { + content: ""; + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + width: 100%; + height: 100%; + background: url("../../../images/bg/bg-image-36.webp"); + background-size: cover; + background-repeat: no-repeat; + background-position: center bottom; + z-index: -1; + } + .edu-faq-content { + padding-bottom: 120px; + @media #{$md-layout-1} { + padding-bottom: 60px; + } + } + .edu-faq-gallery { + bottom: 0; + @media #{$smlg-device} { + left: 0; + bottom: -8px; + } + .thumbnail-1 { + margin-left: -277px; + @media #{$custom-lg-device-two} { + margin-left: -140px; + } + @media #{$custom-laptop-device} { + margin-left: -60px; + } + @media #{$smlg-device} { + margin-left: -70px; + } + @media #{$md-layout-1} { + margin-left: 0; + } + img { + border-radius: 0; + min-height: 727px; + max-width: 100%; + position: relative; + z-index: 9; + @media #{$sm-layout} { + min-height: 100%; + } + } + @media #{$md-layout-1} { + text-align: center; + } + } + .shape-group { + li { + &.shape-1 { + top: 251px; + left: -27px; + bottom: inherit; + z-index: 1; + } + } + } + } + .faq-accordion { + .accordion-item { + box-shadow: none; + .accordion-button.collapsed { + border-bottom-right-radius: 10px; + border-bottom-left-radius: 10px; + } + .accordion-body { + box-shadow: var(--shadow-darker); + border-bottom-right-radius: 10px; + border-bottom-left-radius: 10px; + } + } + } + .row--45 > [class*="col"], + .row--45 > [class*="col-"] { + @media #{$laptop-device} { + padding-left: 40px; + padding-right: 40px; + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/remote_training/_hero_banner.scss b/public/assets/scss/template/remote_training/_hero_banner.scss new file mode 100644 index 0000000..f3b1743 --- /dev/null +++ b/public/assets/scss/template/remote_training/_hero_banner.scss @@ -0,0 +1,86 @@ +.hero-style-11 { + padding: 240px 0 160px; + @media #{$smlg-device} { + padding: 200px 0 130px; + } + @media #{$large-mobile} { + padding: 150px 0 80px; + } + &.remote-training { + min-height: 840px; + flex-direction: column; + position: relative; + justify-content: center; + z-index: 1; + margin-top: -110px; + @media #{$smlg-device} { + min-height: 100%; + } + } + &::before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: url(../../../images/bg/bg-image-35.webp); + background-repeat: no-repeat; + background-size: cover; + z-index: -1; + } + .banner-content { + p { + padding-right: 20px; + @media #{$md-layout-1} { + padding-right: 0; + } + } + .shape-group { + li { + &.shape-1 { + top: -57px; + left: -218px; + } + } + } + } + .banner-thumbnail { + margin-right: 0; + .thumbnail { + img { + border-radius: 20px; + box-shadow: var(--shadow-darker); + } + } + .shape-group { + li { + &.shape-2 { + top: inherit; + left: -68px; + bottom: -65px; + } + &.shape-3 { + left: 75px; + bottom: -50px; + top: inherit; + span { + width: 80px; + height: 80px; + background: var(--color-tertiary); + border-radius: 100%; + } + } + &.shape-4 { + top: -103px; + right: -54px; + } + &.shape-5 { + top: -64px; + right: -116px; + bottom: inherit; + } + } + } + } +} \ No newline at end of file diff --git a/public/assets/scss/template/remote_training/_main.scss b/public/assets/scss/template/remote_training/_main.scss new file mode 100644 index 0000000..e45fc7e --- /dev/null +++ b/public/assets/scss/template/remote_training/_main.scss @@ -0,0 +1,12 @@ +/*======================================================================= + Remote Training Styles Starts +=========================================================================*/ + +@import "hero_banner"; +@import "about"; +@import "faq"; +@import "call_to_action"; + +/*======================================================================= + Remote Training Styles End +=========================================================================*/ diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..8e82a5f Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/vercel.svg b/public/vercel.svg new file mode 100644 index 0000000..fbf0e25 --- /dev/null +++ b/public/vercel.svg @@ -0,0 +1,4 @@ + + + \ No newline at end of file diff --git a/src/.DS_Store b/src/.DS_Store new file mode 100644 index 0000000..84db586 Binary files /dev/null and b/src/.DS_Store differ diff --git a/src/components/.DS_Store b/src/components/.DS_Store new file mode 100644 index 0000000..887f001 Binary files /dev/null and b/src/components/.DS_Store differ diff --git a/src/components/abouts/.DS_Store b/src/components/abouts/.DS_Store new file mode 100644 index 0000000..6d0726b Binary files /dev/null and b/src/components/abouts/.DS_Store differ diff --git a/src/components/abouts/about-1/about-area.jsx b/src/components/abouts/about-1/about-area.jsx new file mode 100644 index 0000000..ddc674d --- /dev/null +++ b/src/components/abouts/about-1/about-area.jsx @@ -0,0 +1,75 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const lists = [ + 'Flexible Classes', + 'Offline Classe Mode', + 'Educator Support', + 'Fresh Learning' +]; + +const AboutArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
+
+
+
+
+
+ DIGITAL MARKETING +

We Providing The Best QualityCourses.

+ +

Our mission is to make education accessible and engaging for everyone, regardless of their background or location. With a team of experienced instructors and industry experts, we curate courses that combine practical knowledge with interactive learning experiences.

+
+
    + {lists.map((l,i) =>
  • {l}
    • )} +
+
+
+
+
+ About Image + About Image +
    + + Shape + + + Shape + + + Shape + +
  • + Shape +
    • +
+
+
+
+
+ +
+ ) +} + +export default AboutArea; \ No newline at end of file diff --git a/src/components/abouts/about-1/brand-area.jsx b/src/components/abouts/about-1/brand-area.jsx new file mode 100644 index 0000000..844b1d9 --- /dev/null +++ b/src/components/abouts/about-1/brand-area.jsx @@ -0,0 +1,28 @@ +import React from 'react'; + +const brands = [ + '/assets/images/brand/html.jpg', + '/assets/images/brand/c++.jpg', + '/assets/images/brand/javascript.png', + '/assets/images/brand/julia.jpg', + '/assets/images/brand/python.jpg', + '/assets/images/brand/ts.png' +] + +const BrandArea = ({about_p_2}) => { + return ( +
+
+
+ {brands.map((img, i) => ( +
+ Brand Logo +
+ ))} +
+
+
+ ) +} + +export default BrandArea; \ No newline at end of file diff --git a/src/components/abouts/about-1/chose-box-item.jsx b/src/components/abouts/about-1/chose-box-item.jsx new file mode 100644 index 0000000..5fbdf1d --- /dev/null +++ b/src/components/abouts/about-1/chose-box-item.jsx @@ -0,0 +1,15 @@ +export default function ChoseBox ({color,icon,title,subtitle}) { + return ( +
+
+
+ +
+
+

{title}

+

{subtitle}

+
+
+
+ ) +} \ No newline at end of file diff --git a/src/components/abouts/about-1/counter-area.jsx b/src/components/abouts/about-1/counter-area.jsx new file mode 100644 index 0000000..528b068 --- /dev/null +++ b/src/components/abouts/about-1/counter-area.jsx @@ -0,0 +1,71 @@ +import React from 'react'; +import Counter from '../../common/counter'; + +const counter_data = [ + { + color: 'primary-color', + count: 29.3, + icon: '48', + text: 'K', + title: 'Student Enrolled', + decimal: 1 + }, + { + color: 'secondary-color', + count: 32.4, + icon: '47', + text: 'K', + title: 'Class Completed', + decimal: 1 + }, + { + color: 'extra08-color', + count: 100, + icon: '49', + text: '%', + title: 'Satisfaction Rate' + }, + { + color: 'extra05-color', + count: 354, + icon: '50', + text: '%', + title: 'Top Instructors' + } +] + +const CounterArea = ({about_p_3}) => { + return ( +
+
+
+ {counter_data.map((c, i) => { + const { color, count, text, title,icon } = c; + return ( +
+
+
+ +
+

+ + + +

+
{title}
+
+
+ ) + })} +
+
+ +
+ ) +} + +export default CounterArea; \ No newline at end of file diff --git a/src/components/abouts/about-1/index.jsx b/src/components/abouts/about-1/index.jsx new file mode 100644 index 0000000..5873f3f --- /dev/null +++ b/src/components/abouts/about-1/index.jsx @@ -0,0 +1,30 @@ +import React from 'react'; +import { Footer, Header } from '../../../layout'; +import Breadcrumb from '../../breadcrumb/breadcrumb'; +import Testimonial from '../../homes/home-distant-learning/testimonial'; +import TeamArea from '../../homes/home-online-academy/team-area'; +import AboutArea from './about-area'; +import BrandArea from './brand-area'; +import CounterArea from './counter-area'; +import WhyChose from './why-chose'; + + +const index = () => { + return ( +
+
+
+ + + + + + + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/abouts/about-1/why-chose.jsx b/src/components/abouts/about-1/why-chose.jsx new file mode 100644 index 0000000..cb2ae4f --- /dev/null +++ b/src/components/abouts/about-1/why-chose.jsx @@ -0,0 +1,67 @@ +import React from 'react'; +import ChoseBox from './chose-box-item'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const WhyChose = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
+
+
+ Why choose FrontLine +

The Best Beneficial Side
of FrontLine

+ +
+
+ + + + + +
+
    +
  • + +
    • +
+
+ +
+ ) +} + +export default WhyChose; \ No newline at end of file diff --git a/src/components/abouts/about-2/counter-area.jsx b/src/components/abouts/about-2/counter-area.jsx new file mode 100644 index 0000000..5fb6081 --- /dev/null +++ b/src/components/abouts/about-2/counter-area.jsx @@ -0,0 +1,62 @@ +import React from 'react'; +import CounterBox from '../../homes/home/counter-box'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const CounterArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
+
+
+
+
+
+ True Facts +

The Large Number of Counting

+ +

A well-crafted presentation on the company's mission should be engaging, clear, and motivational.

+
+
+
+
+
+ +
    + + Shape + +
  • + Shape +
    • + + Shape + + + Shape + +
+
+
+
+
+
+ ) +} + +export default CounterArea; \ No newline at end of file diff --git a/src/components/abouts/about-2/index.jsx b/src/components/abouts/about-2/index.jsx new file mode 100644 index 0000000..3aaa7a0 --- /dev/null +++ b/src/components/abouts/about-2/index.jsx @@ -0,0 +1,32 @@ +import React from 'react'; +import { Footer, Header } from '../../../layout'; +import Breadcrumb from '../../breadcrumb/breadcrumb'; +import VideoArea from '../../homes/home-distant-learning/video-area'; +import AdBanner from '../../homes/home-university/ad-banner'; +import Testimonial from '../../homes/home-university/testimonial'; +import TeamArea from './team-area'; +import BrandArea from '../about-1/brand-area'; +import CounterArea from './counter-area'; +import WhyChose from './why-chose'; + + +const index = () => { + return ( +
+
+
+ + + {/**/} + + + + + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/abouts/about-2/team-area.jsx b/src/components/abouts/about-2/team-area.jsx new file mode 100644 index 0000000..74e8e69 --- /dev/null +++ b/src/components/abouts/about-2/team-area.jsx @@ -0,0 +1,39 @@ +import React from 'react'; +import { instructors_data } from '../../../data'; +import TeamFive from "../../team-member/team-five"; + +const TeamArea = () => { + return ( +
+
+
+ Instructors +

Course Instructors

+ +
+ +
+ {instructors_data.slice(0,3).map((instructor) => ( +
+ +
+ ))} +
+
+ + +
+ ) +} + +export default TeamArea; \ No newline at end of file diff --git a/src/components/abouts/about-2/why-chose.jsx b/src/components/abouts/about-2/why-chose.jsx new file mode 100644 index 0000000..e418f4b --- /dev/null +++ b/src/components/abouts/about-2/why-chose.jsx @@ -0,0 +1,58 @@ +import React from 'react'; +import ChoseBox from '../about-1/chose-box-item'; +import { motion, useScroll, useTransform } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const WhyChose = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + const { scrollYProgress } = useScroll(); + const y = useTransform(scrollYProgress, [0, 1], [0, 1000]); + return ( +
+
+
+
+
+

We Providing The
Best Quality Online Courses

+ +
+
+

The influence of such a course depends on various factors, including how well it is structured, the level of expertise it provides, and the context in which it's applied. Here are some of the key influences and benefits of taking an Ethical Hacking course.

+
+
+
+ +
+ + + + + +
+
+ +
+ ) +} + +export default WhyChose; \ No newline at end of file diff --git a/src/components/abouts/about-3/about-us-area.jsx b/src/components/abouts/about-3/about-us-area.jsx new file mode 100644 index 0000000..0092672 --- /dev/null +++ b/src/components/abouts/about-3/about-us-area.jsx @@ -0,0 +1,102 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +// MissionItem +function MissionItem({ color, icon, title, text }) { + return ( +
+
+
+

{title}

+

{text}

+
+
+ ) +} + +const AboutUsArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
+
+
+
+
+
+ +

DIGITAL MARKETING

Services For You...

+ +

Online platforms, tools, and technologies to promote products and services. It encompasses a wide range of strategies and channels aimed at connecting with customers where they spend much of their time: online

+
+
+ + +
+
+
+ +
+
+ +
    + + Shape Images + + + Shape Images + + + Shape Images + + + + +
+
+
+
+
+
+ ) +} + +export default AboutUsArea; \ No newline at end of file diff --git a/src/components/abouts/about-3/counter-area.jsx b/src/components/abouts/about-3/counter-area.jsx new file mode 100644 index 0000000..d766c44 --- /dev/null +++ b/src/components/abouts/about-3/counter-area.jsx @@ -0,0 +1,80 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; +import Counter from '../../common/counter'; + +const counter_data = [ + { + color: 'primary-color', + count: 29.3, + icon: '48', + text: 'K', + title: 'Student Enrolled', + decimal: 1 + }, + { + color: 'secondary-color', + count: 32.4, + icon: '47', + text: 'K', + title: 'Class Completed', + decimal: 1 + }, + { + color: 'extra08-color', + count: 100, + icon: '49', + text: '%', + title: 'Satisfaction Rate' + }, + { + color: 'extra05-color', + count: 354, + icon: '50', + text: '%', + title: 'Top Instructors' + } +] + +const CounterArea = ({about_p_3}) => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
+
+
+ {counter_data.map((c, i) => { + const { color, count, text, title,icon } = c; + return ( +
+
+
+ +
+

+ + + +

+
{title}
+
+
+ ) + })} +
+ +
    + + Shape + +
+
+
+ ) +} + +export default CounterArea; \ No newline at end of file diff --git a/src/components/abouts/about-3/index.jsx b/src/components/abouts/about-3/index.jsx new file mode 100644 index 0000000..3242352 --- /dev/null +++ b/src/components/abouts/about-3/index.jsx @@ -0,0 +1,32 @@ +import React from 'react'; +import { Footer, Header } from '../../../layout'; +import BreadcrumbTwo from '../../breadcrumb/breadcrumb-2'; +import CtaArea from '../../homes/home-online-academy/cta-area'; +import TeamArea from './team-area'; +import CounterArea from './counter-area'; +import AboutUsArea from './about-us-area'; +import TestimonialArea from './testimonial-area'; +import WhyChose from './why-chose'; + +const index = () => { + return ( +
+
+
+ + + + + + + + + + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/abouts/about-3/team-area.jsx b/src/components/abouts/about-3/team-area.jsx new file mode 100644 index 0000000..d71e3de --- /dev/null +++ b/src/components/abouts/about-3/team-area.jsx @@ -0,0 +1,27 @@ +import React from 'react'; +import { instructors_data } from '../../../data'; +import TeamThree from "../../team-member/team-three"; + +const TeamArea = () => { + return ( +
+
+
+ Instructors +

Course Instructors

+ +
+ +
+ {instructors_data.slice(0,3).map((instructor) => ( +
+ +
+ ))} +
+
+
+ ) +} + +export default TeamArea; \ No newline at end of file diff --git a/src/components/abouts/about-3/testimonial-area.jsx b/src/components/abouts/about-3/testimonial-area.jsx new file mode 100644 index 0000000..d0714dc --- /dev/null +++ b/src/components/abouts/about-3/testimonial-area.jsx @@ -0,0 +1,150 @@ +import React, { useEffect, useState } from 'react'; +import { Swiper, SwiperSlide } from "swiper/react"; +import { Autoplay, Pagination } from "swiper"; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; +import VideoModal from '../../common/popup-modal/video-modal'; +import useModal from '../../../hooks/use-modal'; + +const contents = { + pre_title: 'Testimonials', + title: <>What Our Clients
Have To Say, + testimonials: [ + { + ratings: [1, 2, 3, 4, 5], + desc: '“I have been coming here to do intership in karur, Their apps are all super and work atmosphere is great, They value even inters contributions. Great, I plan to join here.”.', + author: '/assets/images/testimonial/test-01.jpg', + name: 'Deepan Siva', + title: 'Student' + }, + { + ratings: [1, 2, 3], + desc: '“ Excellent website design and software deveopment for business ideas.”.', + author: '/assets/images/testimonial/test-02.jpg', + name: 'Niranjan', + title: 'Developer' + }, + { + ratings: [1, 2, 3, 4], + desc: '“Their SEO optimization strategies helped my website rank higher on search engines, Resulting in more traffic and conversion. Much recommended. ”.', + author: '/assets/images/testimonial/test-03.jpg', + name: 'Reena Williams', + title: 'Designer' + } + ], + video_title: 'Take a Video Tour to Learn Intro Digital Marketing', + video_id: 'PICj5tr9hcc' +} + +const { pre_title, testimonials, title,video_id,video_title } = contents; + +const TestimonialArea = () => { + const [loop, setLoop] = useState(false); + useEffect(() => setLoop(true), []); + const { isVideoOpen, setIsVideoOpen } = useModal(); + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( + <> +
+
+
+
+
+ {pre_title} +

What Our Clients Have To Say

+ +
+ + + {testimonials.map((item, i) => { + const { author, desc, name, ratings, title } = item; + return ( + +
+
+
+ {ratings.map(r => )} +
+

{desc}

+
+
+ Testimonial +
+
+
{name}
+ {title} +
+
+
+
+ + ) + })} +
+ +
+ +
+
+
+ Thumb + +
+
+

{video_title}

+
+
+
+
+
    + + Shape + + + + +
+
+ +
+ + {/* video modal start */} + + {/* video modal end */} + + ) +} + +export default TestimonialArea; \ No newline at end of file diff --git a/src/components/abouts/about-3/why-chose.jsx b/src/components/abouts/about-3/why-chose.jsx new file mode 100644 index 0000000..453c18b --- /dev/null +++ b/src/components/abouts/about-3/why-chose.jsx @@ -0,0 +1,65 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +function FeatureBox({ img, color, title, icon, text }) { + return ( +
+
+
+ why choose image +
+
+
+ +
+

{title}

+

{text}

+
+
+
+ ) +} + +const WhyChose = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
+
+
+ Why choose Digital Marketing +

Digital marketing and content creation to market research and brand management, allowing for career growth and specialization.

+ +
+
+ + + + + +
+
    +
  • + shape +
    • + + + +
  • + +
    • +
+
+
+ ) +} + +export default WhyChose; \ No newline at end of file diff --git a/src/components/blog-details/blog-details-area.jsx b/src/components/blog-details/blog-details-area.jsx new file mode 100644 index 0000000..3b381f2 --- /dev/null +++ b/src/components/blog-details/blog-details-area.jsx @@ -0,0 +1,168 @@ +import React from 'react'; +import BlogSidebar from '../blog/blog-sidebar'; +import BlogCommentForm from '../forms/blog-comment-form'; +import CommentArea from './comment-area'; + +const BlogDetailsArea = ({blog}) => { + return ( +
+
+
+
+
+
+ Developer +

{blog?.title}

+
    +
  • {blog?.date}
    • +
  • Com {blog?.comment}
    • +
+
+ Blog Image +
+
+ +

Education shapes our lives by empowering us with knowledge and skills, paving the way for personal growth and societal progress. Through education, we have the power to change the future, fostering innovation, equality, and a better world for all.

+ +

In this way, education has the transformative power to change the future for the better, creating a more informed, compassionate, and sustainable world for generations to come.

+
    +
  • Empower Through Knowledge, Shape Tomorrow’s World.
    • +
  • Education is the Key to a Future Without Limits.
    • +
  • Learn Today, Lead Tomorrow.
    • +
+ +
+

Lorem ipsum dolor amet con sectur elitadicing elit sed do usmod tempor uincididunt enim minim veniam nostrud.

+
Simon Baker
+
+ +

The Complete Camtasia

+

Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.

+ +
+
+
+
+ Features Images +
+
+
+
+ Features Images +
+
+
+
+ +

+ +

Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.

+ +

Intrinsic Motivation

+

Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.

+ +
    +
  • Aute irure dolor in reprehenderit
    • +
  • Occaecat cupidatat non proident sunt in culpa
    • +
  • Pariatur enim ipsam.
    • +
+ +
+
+
+
+
Tags:
+
+ Language + eLearn + Tips +
+
+
+ +
+
+
Share on:
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+
+
+
+
+
+ +
+
+ Author Images +
+
+
Edward Norton
+

Enim ad minim veniam quis nostrud exercitation lamco laboris nisi ex commodo consequat aute irure.

+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+
+
+ + + + {/* Start Comment Area */} + + {/* End Comment Area */} +
+

Leave Your Comment Here

+ {/* form start */} + + {/* form end */} +
+
+ +
+ {/* sidebar start */} + + {/* sidebar end */} +
+
+
+
+ ) +} + +export default BlogDetailsArea; \ No newline at end of file diff --git a/src/components/blog-details/comment-area.jsx b/src/components/blog-details/comment-area.jsx new file mode 100644 index 0000000..3699507 --- /dev/null +++ b/src/components/blog-details/comment-area.jsx @@ -0,0 +1,54 @@ +import React from 'react'; + +const CommentArea = () => { + return ( +
+

Comments

+
+
+
+ Comment Images +
+
+
Haley Bennet
+ Oct 10, 2021 +

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ Reply +
+
+
+ +
+
+ Comment Images +
+
+
Simon Baker
+ Oct 10, 2021 +

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ Reply +
+
+
+ +
+
+ Comment Images +
+
+
Richard Gere
+ Oct 10, 2021 +

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ Reply +
+
+
+
+
+ ) +} + +export default CommentArea; \ No newline at end of file diff --git a/src/components/blog-details/index.jsx b/src/components/blog-details/index.jsx new file mode 100644 index 0000000..81c21b7 --- /dev/null +++ b/src/components/blog-details/index.jsx @@ -0,0 +1,22 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import AdBanner from '../homes/home/ad-banner'; +import BlogDetailsArea from './blog-details-area'; + + +const index = ({blog}) => { + return ( +
+
+
+ + + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/blog-list/index.jsx b/src/components/blog-list/index.jsx new file mode 100644 index 0000000..cb3b412 --- /dev/null +++ b/src/components/blog-list/index.jsx @@ -0,0 +1,21 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import AdBanner from '../homes/home/ad-banner'; +import ListArea from './list-area'; + +const index = () => { + return ( +
+
+
+ + + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/blog-list/list-area.jsx b/src/components/blog-list/list-area.jsx new file mode 100644 index 0000000..1d5b453 --- /dev/null +++ b/src/components/blog-list/list-area.jsx @@ -0,0 +1,67 @@ +import Link from 'next/link'; +import React from 'react'; +import { blog_data } from '../../data'; +import PaginationTwo from '../../ui/paginatio-2'; +import BlogSidebar from '../blog/blog-sidebar'; + +const blog_items = blog_data.filter(blog => blog.blog_list); + +const ListArea = () => { + return ( +
+
+
+
+ {blog_items.map((blog) => { + const { id, img, title, date, desc, comment } = blog; + return ( +
+
+
+ + + Blog Images + + +
+
+
+ + {title}... + +
+
    +
  • {date}
    • +
  • Com {comment}
    • +
+

{desc}

+
+ + Learn More + +
+
+
+
+ ) + })} + +
    + {/* pagination start */} + + {/* pagination end */} +
+
+ +
+ {/* sidebar start */} + + {/* sidebar end */} +
+
+
+
+ ) +} + +export default ListArea; \ No newline at end of file diff --git a/src/components/blog-masonry/blog-masonry-area.jsx b/src/components/blog-masonry/blog-masonry-area.jsx new file mode 100644 index 0000000..7d5278e --- /dev/null +++ b/src/components/blog-masonry/blog-masonry-area.jsx @@ -0,0 +1,68 @@ +import Link from 'next/link'; +import React from 'react'; +import Masonry, { ResponsiveMasonry } from "react-responsive-masonry"; +import { blog_data } from '../../data'; +import PaginationTwo from '../../ui/paginatio-2'; + +const blog_items = blog_data.filter(blog => blog.blog_masonry); + +const BlogMasonryArea = () => { + return ( +
+
+ +
    + {/* pagination start */} + + {/* pagination end */} +
+
+
+ ) +} + +export default BlogMasonryArea; \ No newline at end of file diff --git a/src/components/blog-masonry/index.jsx b/src/components/blog-masonry/index.jsx new file mode 100644 index 0000000..7ed4ce4 --- /dev/null +++ b/src/components/blog-masonry/index.jsx @@ -0,0 +1,21 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import AdBanner from '../homes/home/ad-banner'; +import BlogMasonryArea from './blog-masonry-area'; + +const index = () => { + return ( +
+
+
+ + + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/blog-post/blog-post-one.jsx b/src/components/blog-post/blog-post-one.jsx new file mode 100644 index 0000000..4223b72 --- /dev/null +++ b/src/components/blog-post/blog-post-one.jsx @@ -0,0 +1,46 @@ +import React from 'react'; +import Link from 'next/link'; + +const BlogPostOne = ({ param }) => { + return ( +
+
+
+ + + Blog Images + + +
+
+
+ + + + + +
+ +
+ + {param.title} + +
+
    +
  • + {param.date} +
    • +
  • + Com {param.comment} +
    • +
+

{param.sm_desc}

+
+
+
+ ) +} + +export default BlogPostOne; \ No newline at end of file diff --git a/src/components/blog/blog-area.jsx b/src/components/blog/blog-area.jsx new file mode 100644 index 0000000..85daccb --- /dev/null +++ b/src/components/blog/blog-area.jsx @@ -0,0 +1,131 @@ +import React from 'react'; +import { useState } from 'react'; +import { useEffect } from 'react'; +import { Swiper, SwiperSlide } from 'swiper/react'; +import { Autoplay, Navigation } from 'swiper'; + +import { blog_data } from '../../data'; +import BlogSidebar from './blog-sidebar'; +import VideoModal from '../common/popup-modal/video-modal'; +import useModal from '../../hooks/use-modal'; +import PaginationTwo from '../../ui/paginatio-2'; +import Link from 'next/link'; + +const blog_items = blog_data.filter(blog => blog.blog_standard) + +const BlogArea = () => { + const [loop, setLoop] = useState(false); + useEffect(() => setLoop(true), []); + const { isVideoOpen, setIsVideoOpen } = useModal(); + return ( + <> +
+
+
+
+ {blog_items.map((blog, i) => { + const { category, comment, date, id, title, images, img, video, slider, desc } = blog; + return ( +
+
+
+ {!slider && + + + Blog Images + + + } + + {video && } + + {slider && + + {images.map((img, i) => ( + + + + Blog Images + + + + ))} + +
+
+ +
+
+ +
+
+ + } +
+ +
+ +

+ + {title} + +

+
    +
  • {date}
    • +
  • Com {comment}
    • +
+

{desc}

+
+ + Learn More + +
+
+
+
+ ) + })} + +
    + {/* pagination start */} + + {/* pagination end */} +
+
+ +
+ {/* sidebar start */} + + {/* sidebar end */} +
+
+
+
+ + {/* video modal start */} + + {/* video modal end */} + + ) +} + +export default BlogArea; \ No newline at end of file diff --git a/src/components/blog/blog-sidebar.jsx b/src/components/blog/blog-sidebar.jsx new file mode 100644 index 0000000..8c00e1c --- /dev/null +++ b/src/components/blog/blog-sidebar.jsx @@ -0,0 +1,109 @@ +import Link from 'next/link'; +import React from 'react'; +import { blog_data } from '../../data'; + +const latest_blog = blog_data.slice(0, 3); + +const BlogSidebar = () => { + return ( +
+
+
+

Search

+
+
e.preventDefault()}> + + +
+
+
+
+ +
+
+

Latest Post

+
+ {latest_blog.map((blog) => ( +
+
+ + + Blog Images + + +
+
+
+ + {blog.title.substring(0, 25)}... + +
+
    +
  • {blog.date}
    • +
+
+
+ ))} +
+
+
+ +
+ +
+ +
+
+

Get Online Courses From FrontLine

+ +

Nostrud exer ciation laboris aliqup

+ Start Now +
+
+ +
+ +
+ +
+
+

Tags

+ +
+
+
+ ) +} + +export default BlogSidebar; \ No newline at end of file diff --git a/src/components/blog/index.jsx b/src/components/blog/index.jsx new file mode 100644 index 0000000..7653fd9 --- /dev/null +++ b/src/components/blog/index.jsx @@ -0,0 +1,21 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import AdBanner from '../homes/home/ad-banner'; +import BlogArea from './blog-area'; + +const index = () => { + return ( +
+
+
+ + + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/breadcrumb/breadcrumb-2.jsx b/src/components/breadcrumb/breadcrumb-2.jsx new file mode 100644 index 0000000..2207fd4 --- /dev/null +++ b/src/components/breadcrumb/breadcrumb-2.jsx @@ -0,0 +1,26 @@ +import Link from 'next/link'; +import React from 'react'; + +const BreadcrumbTwo = ({ subtitle }) => { + return ( +
+
+
+
    +
  • + + Home + +
    • +
  • +
    • +
    • +
  • {subtitle}
    • +
+
+
+
+ ) +} + +export default BreadcrumbTwo; \ No newline at end of file diff --git a/src/components/breadcrumb/breadcrumb-3.jsx b/src/components/breadcrumb/breadcrumb-3.jsx new file mode 100644 index 0000000..024d7d1 --- /dev/null +++ b/src/components/breadcrumb/breadcrumb-3.jsx @@ -0,0 +1,62 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../contexts/mouse-move-context'; + +const BreadcrumbThree = ({ title, subtitle }) => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
+
+
+
+

{title}

+
+ +
+
+
    +
  • + +
    • + + shape + + shape +
  • + +
    • + + shape + +
+
+ ) +} + +export default BreadcrumbThree; \ No newline at end of file diff --git a/src/components/breadcrumb/breadcrumb-4.jsx b/src/components/breadcrumb/breadcrumb-4.jsx new file mode 100644 index 0000000..975f363 --- /dev/null +++ b/src/components/breadcrumb/breadcrumb-4.jsx @@ -0,0 +1,57 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../contexts/mouse-move-context'; + +const BreadcrumbFour = ({title,date,time,city}) => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
+
+
+
+ DEVELOPER +

{title}

+
+
    +
  • {date}
    • +
  • {time}
    • +
  • {city}
    • +
+
+
+ +
    +
  • + +
    • + + shape + + shape +
  • + +
    • + + shape + +
+
+ ) +} + +export default BreadcrumbFour; \ No newline at end of file diff --git a/src/components/breadcrumb/breadcrumb-5.jsx b/src/components/breadcrumb/breadcrumb-5.jsx new file mode 100644 index 0000000..c0dee12 --- /dev/null +++ b/src/components/breadcrumb/breadcrumb-5.jsx @@ -0,0 +1,83 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../contexts/mouse-move-context'; + +const CourseBreadcrumb = ({ course, subtitle }) => { + const { title, instructor, language, rating_count } = course || {}; + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
+
+
+ +
+

{title}

+
+
    +
  • by {instructor}
    • +
  • {language}
    • +
  • +
    + + + + + +
    + ({rating_count} Rating) +
    • +
+
+
+
    +
  • + +
    • + + shape + + + shape + +
  • + +
    • + + shape + +
+
+ ) +} + +export default CourseBreadcrumb; \ No newline at end of file diff --git a/src/components/breadcrumb/breadcrumb-6.jsx b/src/components/breadcrumb/breadcrumb-6.jsx new file mode 100644 index 0000000..c295d4c --- /dev/null +++ b/src/components/breadcrumb/breadcrumb-6.jsx @@ -0,0 +1,29 @@ +import Link from 'next/link'; +import React from 'react'; + +const BreadcrumbSix = ({ title, page }) => { + return ( +
+
+
+
+

{title}

+
+ +
+
+
+ ) +} + +export default BreadcrumbSix; \ No newline at end of file diff --git a/src/components/breadcrumb/breadcrumb.jsx b/src/components/breadcrumb/breadcrumb.jsx new file mode 100644 index 0000000..0fe6708 --- /dev/null +++ b/src/components/breadcrumb/breadcrumb.jsx @@ -0,0 +1,29 @@ +import Link from 'next/link'; +import React from 'react'; + +const Breadcrumb = ({ title, current_page }) => { + return ( +
+
+
+
+

{title}

+
+ +
+
+
+ ) +} + +export default Breadcrumb; \ No newline at end of file diff --git a/src/components/cart/cart-area.jsx b/src/components/cart/cart-area.jsx new file mode 100644 index 0000000..6684005 --- /dev/null +++ b/src/components/cart/cart-area.jsx @@ -0,0 +1,68 @@ +import Link from 'next/link'; +import React from 'react'; +import { useDispatch, useSelector } from 'react-redux'; +import { clear_cart } from '../../redux/features/cart-slice'; +import CartItem from './cart-item'; +import OrderSummery from './order-summery'; + +const CartArea = () => { + const { cartCourses } = useSelector(state => state.cart); + const dispatch = useDispatch(); + return ( +
+ {cartCourses.length === 0 && +
+

No Cart Items

+ +
+ } + {cartCourses.length > 0 && +
+
+ + + + + + + + + + + + + {cartCourses.map((item, i) => )} + +
Product NamePriceQuantitySubtotal
+
+ + + +
+
+ +
+
+
+ } +
+ ) +} + +export default CartArea; \ No newline at end of file diff --git a/src/components/cart/cart-item.jsx b/src/components/cart/cart-item.jsx new file mode 100644 index 0000000..256f4d9 --- /dev/null +++ b/src/components/cart/cart-item.jsx @@ -0,0 +1,48 @@ +import Link from 'next/link'; +import React from 'react'; +import { useDispatch } from 'react-redux'; +import { cart_course, decrease_quantity, remove_cart_course } from '../../redux/features/cart-slice'; + +const CartItem = ({ item }) => { + const dispatch = useDispatch(); + const handleChange = (e) => {} + return ( + + dispatch(remove_cart_course(item))}> + + + + + + + Books + + + + + + + {item.title} + + + + + ${item.price} + + + +
+ dispatch(decrease_quantity(item))}>- + + dispatch(cart_course(item))}>+ +
+ + + + ${(item.quantity * item.price).toFixed(2)} + + + ) +} + +export default CartItem; \ No newline at end of file diff --git a/src/components/cart/index.jsx b/src/components/cart/index.jsx new file mode 100644 index 0000000..a5a2e65 --- /dev/null +++ b/src/components/cart/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import CartArea from './cart-area'; + +const index = () => { + return ( +
+
+
+ + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/cart/order-summery.jsx b/src/components/cart/order-summery.jsx new file mode 100644 index 0000000..10420c1 --- /dev/null +++ b/src/components/cart/order-summery.jsx @@ -0,0 +1,29 @@ +import Link from 'next/link'; +import React from 'react'; +import useCartInfo from '../../hooks/use-cart-info'; + +const OrderSummery = () => { + const { total } = useCartInfo(); + return ( +
+

Cart Totals

+ + + + + + + + + + + +
Subtotal${(total).toFixed(2)}
Order Total${(total).toFixed(2)}
+ + Process to Checkout + +
+ ) +} + +export default OrderSummery; \ No newline at end of file diff --git a/src/components/checkout/checkout-area.jsx b/src/components/checkout/checkout-area.jsx new file mode 100644 index 0000000..c502329 --- /dev/null +++ b/src/components/checkout/checkout-area.jsx @@ -0,0 +1,145 @@ +import React from 'react'; +import { useState } from 'react'; +import OrderPayment from './order-payment'; +import OrderSummery from './order-summery'; + +const countries = [ + 'Select Option', + 'Australia', + 'England', + 'New Zealand', + 'Switzerland', + 'United Kindom (UK)', + 'United States (USA)' +]; + +const CheckoutArea = () => { + const [isOpen, setIsOpen] = useState(false); + return ( +
+
+
+
+
+
Have a coupon? + setIsOpen(!isOpen)} className="toggle-btn"> + Click here to enter your code + +
+ {isOpen && +
+

If you have a coupon code, please apply it below.

+
+ +
+ +
+
+
+ } +
+
+ +
+
+
+

Billing Details

+
+
+
+ + +
+
+ +
+
+ + +
+
+
+ +
+ + +
+ +
+ + +
+ +
+
+
+ + +
+
+ +
+
+ + +
+
+
+ +
+ + + +
+ +
+ + +
+ +
+
+
+ + +
+
+ +
+
+ + +
+
+
+ +
+
+ + +
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+
+
+ ) +} + +export default CheckoutArea; \ No newline at end of file diff --git a/src/components/checkout/index.jsx b/src/components/checkout/index.jsx new file mode 100644 index 0000000..ea0f39d --- /dev/null +++ b/src/components/checkout/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import CheckoutArea from './checkout-area'; + +const index = () => { + return ( +
+
+
+ + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/checkout/order-payment.jsx b/src/components/checkout/order-payment.jsx new file mode 100644 index 0000000..eedb5d6 --- /dev/null +++ b/src/components/checkout/order-payment.jsx @@ -0,0 +1,30 @@ +import React from 'react'; + +const OrderPayment = () => { + return ( +
+

Payment

+
+
+
+ + +
+

Please send a check to Store Name, Store Street, Store Town, Store State / County, Store Postcode.

+
+ +
+
+ + + What is Paypal? +
+
+
+ + Place Your order +
+ ) +} + +export default OrderPayment; \ No newline at end of file diff --git a/src/components/checkout/order-summery.jsx b/src/components/checkout/order-summery.jsx new file mode 100644 index 0000000..859c92f --- /dev/null +++ b/src/components/checkout/order-summery.jsx @@ -0,0 +1,39 @@ +import React from 'react'; +import { useSelector } from 'react-redux'; +import useCartInfo from '../../hooks/use-cart-info'; + +const OrderSummery = () => { + const {cartCourses} = useSelector(state => state.cart); + const {total} = useCartInfo(); + return ( +
+
+

Your Orders

+ {cartCourses.length === 0 && +
+

No cart items

+
+ } + + {cartCourses.length > 0 && + + + {cartCourses.map((item,i) => ( + + + + + ))} + + + + + +
{item.title.substring(0,20)}... x {item.quantity}${item.price}
Order Total${total}
+ } +
+
+ ) +} + +export default OrderSummery; \ No newline at end of file diff --git a/src/components/common/.DS_Store b/src/components/common/.DS_Store new file mode 100644 index 0000000..e1f4b2e Binary files /dev/null and b/src/components/common/.DS_Store differ diff --git a/src/components/common/counter.jsx b/src/components/common/counter.jsx new file mode 100644 index 0000000..a8603fa --- /dev/null +++ b/src/components/common/counter.jsx @@ -0,0 +1,41 @@ +import { useState } from 'react'; +import { InView } from 'react-intersection-observer'; +import CountUp from 'react-countup'; + +const Counter = ( { number, text, add_style=true, decimal } ) => { + const [focus, setFocus] = useState( false ); + const visibleChangeHandler = ( isVisible ) => { + if ( isVisible ) { + if ( ! focus ) { + setFocus( true ); + } + } + } + + return ( + <> + + { ( { countUpRef } ) => ( +
+ + + visibleChangeHandler( inView ) + } + > + { text && { text }} + +
+ ) } + + + ) +} + +export default Counter; \ No newline at end of file diff --git a/src/components/common/popup-modal/image-lightbox.jsx b/src/components/common/popup-modal/image-lightbox.jsx new file mode 100644 index 0000000..f5ac9bc --- /dev/null +++ b/src/components/common/popup-modal/image-lightbox.jsx @@ -0,0 +1,21 @@ +import React from 'react'; +import Lightbox from 'react-image-lightbox'; + +const ImageLightBox = ({images,open,setOpen,photoIndex,setPhotoIndex}) => { + return ( + <> + {open && ( + setOpen(false)} + onMovePrevRequest={() => setPhotoIndex((photoIndex + images.length - 1) % images.length)} + onMoveNextRequest={() => setPhotoIndex((photoIndex + 1) % images.length)} + /> + )} + + ) +} + +export default ImageLightBox; \ No newline at end of file diff --git a/src/components/common/popup-modal/search-popup.jsx b/src/components/common/popup-modal/search-popup.jsx new file mode 100644 index 0000000..79ac9e2 --- /dev/null +++ b/src/components/common/popup-modal/search-popup.jsx @@ -0,0 +1,27 @@ + +const SearchPopup = ({isSearchOpen,setIsSearchOpen}) => { + const handleSubmit = e => { + e.preventDefault(); + } + return ( +
+
+
+ logo + logo +
+
setIsSearchOpen(false)}> + +
+
+
+ + +
+
+
+
+ ) +} + +export default SearchPopup; \ No newline at end of file diff --git a/src/components/common/popup-modal/video-modal.jsx b/src/components/common/popup-modal/video-modal.jsx new file mode 100644 index 0000000..16bf685 --- /dev/null +++ b/src/components/common/popup-modal/video-modal.jsx @@ -0,0 +1,15 @@ +import React from 'react'; +import ModalVideo from 'react-modal-video'; + +const VideoModal = ({isVideoOpen,setIsVideoOpen,videoId = "9Y7ma241N8k"}) => { + return ( + setIsVideoOpen(false)} + /> + ) +} + +export default VideoModal; \ No newline at end of file diff --git a/src/components/common/preloader.jsx b/src/components/common/preloader.jsx new file mode 100644 index 0000000..ac8b570 --- /dev/null +++ b/src/components/common/preloader.jsx @@ -0,0 +1,14 @@ +import React from 'react'; + +const Preloader = () => { + return ( + + ) +} + +export default Preloader; \ No newline at end of file diff --git a/src/components/common/sidebar/blog-sidebar-1.jsx b/src/components/common/sidebar/blog-sidebar-1.jsx new file mode 100644 index 0000000..44409f1 --- /dev/null +++ b/src/components/common/sidebar/blog-sidebar-1.jsx @@ -0,0 +1,61 @@ +import React from 'react'; + +const SidebarOne = () => { + return ( +
+
+
+

Search

+
+
+ + +
+
+
+
+ +
+
+

Tags

+ +
+
+ + + +
+
+

Get Online Courses From Frontline

+ +

Nostrud exer ciation laboris aliqup

+ Start Now +
+
+
+ ) +} + +export default SidebarOne; \ No newline at end of file diff --git a/src/components/common/sidebar/course-details-sidebar.jsx b/src/components/common/sidebar/course-details-sidebar.jsx new file mode 100644 index 0000000..2e4922d --- /dev/null +++ b/src/components/common/sidebar/course-details-sidebar.jsx @@ -0,0 +1,86 @@ +import React from 'react'; +import useModal from '../../../hooks/use-modal'; +import { Books } from '../../../svg'; +import VideoModal from '../popup-modal/video-modal'; + +const CourseDetailsSidebar = ({ course,details_2=false }) => { + const { img, certificate, videoId, course_price, instructor, duration, student, language } = course || {}; + const { isVideoOpen, setIsVideoOpen } = useModal(); + return ( + <> +
+
+
+ +
+

Course Includes:

+
    +
  • + Price: + ${course_price} +
    • + +
  • + Instrutor: + {instructor} +
    • + +
  • + Duration: + {duration} +
    • + +
  • + + + Lessons: + 8 +
    • + +
  • + Enrolled: + {student} students +
    • + +
  • + Language: + {language} +
    • + +
  • + Certificate: + {certificate} +
    • +
+ + + +
+

Share On:

+
    +
    • +
    • +
    • +
    • +
+
+
+
+
+
+ + {/* video modal start */} + + {/* video modal end */} + + ) +} + +export default CourseDetailsSidebar; \ No newline at end of file diff --git a/src/components/common/sidebar/course-sidebar-2.jsx b/src/components/common/sidebar/course-sidebar-2.jsx new file mode 100644 index 0000000..3257c0d --- /dev/null +++ b/src/components/common/sidebar/course-sidebar-2.jsx @@ -0,0 +1,172 @@ +import React, { useEffect, useState } from 'react'; +import Slider from 'react-rangeslider'; +import 'react-rangeslider/lib/index.css'; +import { useDispatch, useSelector } from 'react-redux'; +import { course_data } from '../../../data'; +import { add_category, add_force_page, add_instructor, add_item_offset, add_language, add_level, add_price, reset_filter } + from '../../../redux/features/filter-slice'; + +const courses = course_data.filter((arr, index, self) => + index === self.findIndex((i) => (i.img === arr.img && i.State === arr.State)) +); + +const max_prices = courses.map(item => Number(item.course_price)) +const maxPrice = Math.max(...max_prices); +const minPrice = Math.min(...max_prices); + +const all_categories = [...new Set(courses.map(course => course.category))]; +const all_instructors = [...new Set(courses.map(course => course.instructor))]; +const all_levels = [...new Set(courses.map(course => course.level))]; +const all_languages = [...new Set(courses.map(course => course.language))]; + +const CourseSidebarTwo = ({ course_items }) => { + const [price, setPrice] = useState(maxPrice); + const [showCategory,setShowCategory] = useState(true); + const [showLevel,setShowLevel] = useState(true); + const [showInstructor,setShowInstructor] = useState(true); + const [showLanguage,setShowLanguage] = useState(true); + const { categories,instructors, levels, languages } = useSelector(state => state.filter); + const dispatch = useDispatch(); + + // handleCategory + const handleCategory = (cate) => { + const index = categories.findIndex(item => item === cate); + if (index >= 0) { + dispatch(add_category({ changeType: 'remove', item: cate,maxPrice })) + } + else { + dispatch(add_category({ changeType: 'added', item: cate,maxPrice })) + } + dispatch(add_item_offset(0)); + dispatch(add_force_page(0)); + } + + // handleInstructor + const handleInstructor = (instructor) => { + dispatch(add_instructor({instructor,maxPrice})) + dispatch(add_item_offset(0)); + dispatch(add_force_page(0)); + } + + // handleLevel + const handleLevel = (level) => { + dispatch(add_level({level,maxPrice})) + dispatch(add_item_offset(0)); + dispatch(add_force_page(0)); + } + + // handleLanguage + const handleLanguage = (language) => { + dispatch(add_language({language,maxPrice})) + dispatch(add_item_offset(0)); + dispatch(add_force_page(0)); + } + + // handlePrice + useEffect(() => { + dispatch(add_price(price)) + }, [dispatch, price]) + + // handlePriceChange + const handlePriceChange = value => { + setPrice(value); + dispatch(add_item_offset(0)); + dispatch(add_force_page(0)); + } + + return ( +
+
+
+
setShowCategory(!showCategory)}>Categories
+ +
+ {all_categories.map((c, i) => ( +
+ handleCategory(c)} type="checkbox" checked={categories.includes(c)} + id={`cat-check${i + 1}`} readOnly /> + +
+ ))} +
+
+
+ +
+
+
setShowInstructor(!showInstructor)}>Instructor
+ +
+ {all_instructors.map((instructor, i) => ( +
+ handleInstructor(instructor)} checked={instructors.includes(instructor)} + type="checkbox" id={`cat-check-2${i + 1}`} readOnly /> + +
+ ))} +
+
+
+ +
+
+
setShowLevel(!showLevel)}>Level
+ +
+ {all_levels.map((level, i) => ( +
+ handleLevel(level)} checked={levels.includes(level)} + type="checkbox" id={`cat-check-3${i + 1}`} readOnly /> + +
+ ))} +
+
+
+ +
+
+
setShowLanguage(!showLanguage)}>Language
+ +
+ {all_languages.map((language, i) => ( +
+ handleLanguage(language)} checked={languages.includes(language)} + type="checkbox" id={`cat-check-4${i + 1}`} readOnly /> + +
+ ))} +
+
+
+ +
+
Price Filter
+ handlePriceChange(val)} + /> +
Price: ${minPrice} - ${price}
+
+ +
+
Reset Filter
+ +
+
+ ) +} + +export default CourseSidebarTwo; \ No newline at end of file diff --git a/src/components/common/sidebar/course-sidebar.jsx b/src/components/common/sidebar/course-sidebar.jsx new file mode 100644 index 0000000..496acd7 --- /dev/null +++ b/src/components/common/sidebar/course-sidebar.jsx @@ -0,0 +1,241 @@ +import React, { useEffect, useState } from "react"; +import Slider from "react-rangeslider"; +import "react-rangeslider/lib/index.css"; +import { useDispatch, useSelector } from "react-redux"; +import { course_data } from "../../../data"; +import { add_category, add_force_page, add_instructor, add_item_offset, add_language, add_level, add_price, reset_filter } + from '../../../redux/features/filter-slice'; + + +const courses = course_data.filter( + (arr, index, self) => index === self.findIndex((i) => i.img === arr.img && i.State === arr.State) +); +const max_prices = courses.map((item) => Number(item.course_price)); +const maxPrice = Math.max(...max_prices); +const minPrice = Math.min(...max_prices); + +const all_categories = [...new Set(courses.map((course) => course.category))]; +const all_instructors = [...new Set(courses.map((course) => course.instructor))]; +const all_levels = [...new Set(courses.map((course) => course.level))]; +const all_languages = [...new Set(courses.map((course) => course.language))]; + +const CourseSidebar = ({ course_items }) => { + const [price, setPrice] = useState(maxPrice); + const { categories, instructors, levels, languages, forcePage } = useSelector((state) => state.filter); + const dispatch = useDispatch(); + + // handleCategory + const handleCategory = (cate) => { + const index = categories.findIndex((item) => item === cate); + if (index >= 0) { + dispatch( + add_category({ changeType: "remove", item: cate, maxPrice }) + ); + } else { + dispatch( + add_category({ changeType: "added", item: cate, maxPrice }) + ); + } + dispatch(add_item_offset(0)); + dispatch(add_force_page(0)); + }; + + // handleInstructor + const handleInstructor = (instructor) => { + dispatch(add_instructor({ instructor, maxPrice })); + dispatch(add_item_offset(0)); + dispatch(add_force_page(0)); + }; + + // handleLevel + const handleLevel = (level) => { + dispatch(add_level({ level, maxPrice })); + dispatch(add_item_offset(0)); + dispatch(add_force_page(0)); + }; + + // handleLanguage + const handleLanguage = (language) => { + dispatch(add_language({ language, maxPrice })); + dispatch(add_item_offset(0)); + dispatch(add_force_page(0)); + }; + + // handlePrice + useEffect(() => { + dispatch(add_price(price)); + }, [dispatch, price]); + + // handlePriceChange + const handlePriceChange = (value) => { + setPrice(value); + dispatch(add_item_offset(0)); + dispatch(add_force_page(0)); + }; + + return ( +
+
+
+
Filter by Categories
+ +
+ {all_categories.map((c, i) => ( +
+ handleCategory(c)} + type="checkbox" + checked={categories.includes(c)} + id={`cat-check${i + 1}`} + readOnly + /> + +
+ ))} +
+
+
+ +
+
+
Instructor
+ +
+ {all_instructors.map((instructor, i) => ( +
+ handleInstructor(instructor)} + checked={instructors.includes( + instructor + )} + type="checkbox" + id={`cat-check-2${i + 1}`} + readOnly + /> + +
+ ))} +
+
+
+ +
+
+
Level
+ +
+ {all_levels.map((level, i) => ( +
+ handleLevel(level)} + checked={levels.includes(level)} + type="checkbox" + id={`cat-check-3${i + 1}`} + readOnly + /> + +
+ ))} +
+
+
+ +
+
+
Language
+ +
+ {all_languages.map((language, i) => ( +
+ handleLanguage(language)} + checked={languages.includes(language)} + type="checkbox" + id={`cat-check-4${i + 1}`} + readOnly + /> + +
+ ))} +
+
+
+ +
+
Price Filter
+ + handlePriceChange(val)} + /> +
Price: ${minPrice} - ${price}
+
+ +
+
Reset Filter
+ +
+
+ ) +} + +export default CourseSidebar; diff --git a/src/components/common/sidebar/off-canvas.jsx b/src/components/common/sidebar/off-canvas.jsx new file mode 100644 index 0000000..67b53e2 --- /dev/null +++ b/src/components/common/sidebar/off-canvas.jsx @@ -0,0 +1,75 @@ +import Link from 'next/link'; +import React, { useState } from 'react'; +import menu_data from '../../../layout/headers/menu-data'; + +const OffCanvas = ({ isOpen, setIsOpen }) => { + const [navTitle, setNavTitle] = useState('') + + const openMobileMenu = (menu) => { + if(navTitle === menu){ + setNavTitle('') + } + else { + setNavTitle(menu) + } + } + return ( + <> +
+
+
+
+ + + logo + logo + + +
+ +
setIsOpen(false)}> + +
+
+ +
+
    + {menu_data.map((menu, i) => ( +
  • + {menu.submenus && } + + {!menu.mobile_pages_menu && +
      + {menu?.submenus?.map((sub,i) => ( +
    • {sub.title}
      • + ))} +
    + } + + {menu.mobile_pages_menu && +
      + {menu?.mobile_pages_menu?.map((sub,i) => ( +
    • {sub.title}
      • + ))} +
    + } + + {!menu.submenus && {menu.title}} +
    • + ))} +
+
+
+
+ + {/* overlay start */} +
setIsOpen(false)} className={`body-overlay ${isOpen ? 'apply' : ''}`}>
+ {/* overlay end */} + + ) +} + +export default OffCanvas; \ No newline at end of file diff --git a/src/components/common/single-course-2.jsx b/src/components/common/single-course-2.jsx new file mode 100644 index 0000000..add0a7e --- /dev/null +++ b/src/components/common/single-course-2.jsx @@ -0,0 +1,137 @@ +import Link from 'next/link'; +import React from 'react'; +import { useDispatch, useSelector } from 'react-redux'; +import { cart_course } from '../../redux/features/cart-slice'; +import { add_to_wishlist, wishlistItems } from '../../redux/features/wishlist-slice'; + +const SingleCourseTwo = ({ course }) => { + const { id, img, title, level, rating, rating_count, course_price, lesson, student, duration, short_desc } = course || {}; + const {cartCourses} = useSelector(state => state.cart); + const dispatch = useDispatch(); + const wishlists = useSelector(wishlistItems); + const isWishlistSelected = wishlists.find(w => Number(w.id) === Number(id)); + + const handleWishlist = (course_item) => { + if (wishlists.find(i => i.id === course_item.id)) { + dispatch(add_to_wishlist({ + change_type: 'remove_wishlist', item: { + id: course_item.id, + img: `/assets/images/course/${course_item.img}`, + title: course_item.title, + price: course_item.course_price + } + })) + } else { + dispatch(add_to_wishlist({ + change_type: 'add_wishlist', item: { + id: course_item.id, + img: `/assets/images/course/${course_item.img}`, + title: course_item.title, + price: course_item.course_price + } + })) + } + } + + // handle add to cart + const handleAddToCart = (course) => { + dispatch(cart_course({ + id:course.id, + img:`/assets/images/course/${course.img}`, + price:course.course_price, + title:course.title + })) + } + + return ( +
+
+
+
+ + + Course Meta + + +
+ {duration} +
+
+ +
+ {level} +
+ {title} +
+ +
+
+ + + + + +
+ ({rating} /{rating_count} Rating) +
+ +
${course_price}
+ +
    +
  • {lesson} Lessons
    • +
  • {student} Students
    • +
+
+
+ +
+ +
+ +
+
+ + + {level} + +
+ + {title} + +
+ +
+
+ + + + + +
+ ({rating} /{rating_count} Rating) +
+ +
${course_price}
+ +

{short_desc}

+ +
    +
  • {lesson} Lessons
    • +
  • {student} Students
    • +
+ + handleAddToCart(course)} className="edu-btn btn-secondary btn-small" + style={{ cursor: 'pointer' }}> + {cartCourses.some(item => item.id === id) ? 'Added to cart' : 'Add to cart'} + + +
+
+
+
+ ) +} + +export default SingleCourseTwo; \ No newline at end of file diff --git a/src/components/common/single-instagram.jsx b/src/components/common/single-instagram.jsx new file mode 100644 index 0000000..a5d7c24 --- /dev/null +++ b/src/components/common/single-instagram.jsx @@ -0,0 +1,17 @@ +function SingleInstagram({ img, name }) { + return ( + + ) +} + +export default SingleInstagram; \ No newline at end of file diff --git a/src/components/common/theme.jsx b/src/components/common/theme.jsx new file mode 100644 index 0000000..7c431e6 --- /dev/null +++ b/src/components/common/theme.jsx @@ -0,0 +1,40 @@ +import { useTheme } from 'next-themes'; + +const Theme = () => { + const { theme, setTheme } = useTheme(); + return ( + <> +
+ +
+ + ) +} + +export default Theme; \ No newline at end of file diff --git a/src/components/contact-me/contact-me-area.jsx b/src/components/contact-me/contact-me-area.jsx new file mode 100644 index 0000000..375ea96 --- /dev/null +++ b/src/components/contact-me/contact-me-area.jsx @@ -0,0 +1,72 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../contexts/mouse-move-context'; +import { SocialShare } from '../social-share'; + +const ContactMeArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
+
+
+
+
+
+
+
+ Contact Me +
+
    + + Shape + + + Shape + +
  • + Shape +
    • +
+
+ +
+

I will Answer all Your Questions

+ +
    +
    • + +
+
+
+
+
+
+
+
+ ) +} + +export default ContactMeArea; \ No newline at end of file diff --git a/src/components/contact-me/contact-me-form-area.jsx b/src/components/contact-me/contact-me-form-area.jsx new file mode 100644 index 0000000..d1a7dfd --- /dev/null +++ b/src/components/contact-me/contact-me-form-area.jsx @@ -0,0 +1,60 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../contexts/mouse-move-context'; +import ContactMeForm from '../forms/contact-me-form'; + +const ContactMeFormArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
+
+
+
+
+
+

Just Drop Me a Line

+
+ +
+
+
+
+
    + + shape + + + shape + + + + + + shape + +
+
+ ) +} + +export default ContactMeFormArea; \ No newline at end of file diff --git a/src/components/contact-me/index.jsx b/src/components/contact-me/index.jsx new file mode 100644 index 0000000..e77036d --- /dev/null +++ b/src/components/contact-me/index.jsx @@ -0,0 +1,23 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import ContactMeArea from './contact-me-area'; +import ContactMeFormArea from './contact-me-form-area'; +import ContactMap from '../contact-us/contact-map'; + +const index = () => { + return ( +
+
+
+ + + + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/contact-us/contact-map.jsx b/src/components/contact-us/contact-map.jsx new file mode 100644 index 0000000..b294160 --- /dev/null +++ b/src/components/contact-us/contact-map.jsx @@ -0,0 +1,16 @@ +import React from 'react'; + +const ContactMap = () => { + return ( +
+
+
+ + +
+
+
+ ) +} + +export default ContactMap; \ No newline at end of file diff --git a/src/components/contact-us/contact-us-area.jsx b/src/components/contact-us/contact-us-area.jsx new file mode 100644 index 0000000..729f1c7 --- /dev/null +++ b/src/components/contact-us/contact-us-area.jsx @@ -0,0 +1,72 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../contexts/mouse-move-context'; +import ContactUsForm from '../forms/contact-us-form'; +import { SocialShare } from '../social-share'; + +const ContactUsArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
+
+
+
+
+

{"We're"} Always Eager to Hear From You!

+ +
    +
    • + +
+
+
+ +
+
+
+

Get In Touch

+

Fill out this form for booking a consultant advising session.

+
+ {/* form start */} + + {/* form end */} +
    + + Shape + + + Shape + +
+
+
+
+
+
+ ) +} + +export default ContactUsArea; \ No newline at end of file diff --git a/src/components/contact-us/index.jsx b/src/components/contact-us/index.jsx new file mode 100644 index 0000000..d84552c --- /dev/null +++ b/src/components/contact-us/index.jsx @@ -0,0 +1,22 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; + +import ContactUsArea from './contact-us-area'; + + +const index = () => { + return ( +
+
+
+ + + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/course-details-2/course-details-two.jsx b/src/components/course-details-2/course-details-two.jsx new file mode 100644 index 0000000..cd3b93d --- /dev/null +++ b/src/components/course-details-2/course-details-two.jsx @@ -0,0 +1,168 @@ +import React from 'react'; +import CourseDetailsSidebar from '../common/sidebar/course-details-sidebar'; +import SingleComment from '../course-details/single-comment'; +import SingleProgressbar from '../course-details/single-progressbar'; +import SingleAccordion from './single-accordion'; + +const CourseDetailsTwo = ({ course }) => { + const { course_desc, course_desc_2, learn_list, course_desc_3, curriculum_desc, course_lessons, instructor_img, instructor_title, instructor_desc, social_links, reviews, instructor, rating, rating_count } = course || {}; + return ( +
+
+
+
+
+
+

About This Course

+

{course_desc}

+

{course_desc_2}

+
+
What You’ll Learn?
+
+
+
    +
  • Learn to use Python professionally, learning both Python 2 & Python 3!
    • +
  • Build 6 beautiful real-world projects for your portfolio (not boring toy apps)
    • +
+
+ +
+
    +
  • Understand the Theory behind Vue.js and use it in Real Projects
    • +
  • Create responsive, accessible, and beautiful layouts
    • +
+
+
+
+ +

Requirements

+
    +
  • No prior knowledge of Wordpress is required as everything will be covered in this course.
    • +
  • Basic HTML and CSS knowledge helps, but {"isn't"} a must-have
    • +
  • You {"don't"} need any coding experience at all. That is the beauty of Wordpress.
    • +
  • Basic JavaScript knowledge is required
    • +
+ +

Target Audience

+
    +
  • Newcomer as well as experienced frontend developers interested in learning a modern JavaScript framework
    • +
  • If you want to learn to master Wordpress without getting bogged down with technical jargon, this course is for you.
    • +
  • This course is for you if you want to build a website, whether for personal or business reasons.
    • +
  • This course is perfect for you if you are taking over an existing Wordpress website, or want to build one from
    • +
+
+ +
+

Topics for This Course

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua.

+
+ + + + + +
+
+ +
+

Your Instructors

+
+
+ team images +
+ +
+
{instructor}
+ {instructor_title} +

{instructor_desc}

+
    + {social_links?.map((social, i) => ( +
  • + + + +
    • + ))} +
+
+
+
+ +
+

Student Feedback

+

{rating} average rating based on {rating_count} rating

+
+
+
+
{rating}
+
+ + + + + +
+ ({rating_count} Review) +
+
+ +
+
+ + + + + +
+
+
+ +
+

Reviews

+
+ {reviews?.map((review, i) => ( + + ))} +
+
+
+
+
+
+ +
+
+
+
+ ) +} + +export default CourseDetailsTwo; \ No newline at end of file diff --git a/src/components/course-details-2/index.jsx b/src/components/course-details-2/index.jsx new file mode 100644 index 0000000..e7272d0 --- /dev/null +++ b/src/components/course-details-2/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import CourseBreadcrumb from '../breadcrumb/breadcrumb-5'; +import CourseDetailsTwo from './course-details-two'; + +const index = ({course}) => { + return ( +
+
+
+ + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/course-details-2/single-accordion.jsx b/src/components/course-details-2/single-accordion.jsx new file mode 100644 index 0000000..07575a8 --- /dev/null +++ b/src/components/course-details-2/single-accordion.jsx @@ -0,0 +1,45 @@ +import React from 'react'; + +const SingleAccordion = ({ show = false, id, title, desc }) => { + return ( +
+

+ +

+ +
+
+
+
    + {desc.map((list, i) => ( +
  • + {list.title && +
    + + {list.title} +
    + } + {!list?.badge_list && +
    + +
    + } + {list?.badge_list && +
    + {list?.question} Question + {list?.minutes} Minutes +
    + } +
    • + ))} +
+
+
+
+
+ ) +} + +export default SingleAccordion; \ No newline at end of file diff --git a/src/components/course-details-3/course-details-three.jsx b/src/components/course-details-3/course-details-three.jsx new file mode 100644 index 0000000..b80bbe7 --- /dev/null +++ b/src/components/course-details-3/course-details-three.jsx @@ -0,0 +1,229 @@ +import Link from 'next/link'; +import React from 'react'; +import useModal from '../../hooks/use-modal'; +import VideoModal from '../common/popup-modal/video-modal'; +import DetailsSidebar from './details-sidebar'; + +const CourseDetailsThree = () => { + const { isVideoOpen, setIsVideoOpen } = useModal(); + return ( + <> +
+
+
+
+
+
+

Global Education Fall Meeting for Everyone

+
    +
  • by Edward Norton
    • +
  • English
    • +
  • +
    + + + + + +
    + (720 Rating) +
    • +
+ + +
+ +
+
+
Current Status
+ Not Enrolled +
+
+
Price
+ $70.00 +
+
+
Get Started
+ Take This Course +
+ or + + Login + +
+
+
+ +
+
    +
  • + +
    • + +
  • + +
    • +
+ +
+
+
+
+

Course Description

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.

+ +

Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.

+ +
    +
  • No prior knowledge of Wordpress is required as everything will be covered in this course.
    • +
  • Basic HTML and CSS knowledge helps, but {"isn't"} a must-have
    • +
  • You {"don't"} need any coding experience at all. That is the beauty of Wordpress.
    • +
  • Basic JavaScript knowledge is required
    • +
+ +
Key Features
+
    +
  • No prior knowledge of Wordpress is required as everything will be covered in this course.
    • +
  • Basic HTML and CSS knowledge helps, but {"isn't"} a must-have
    • +
  • Basic JavaScript knowledge is required
    • +
+
+
+
+ +
+
+
+
+

Course Content

+
+ +
+
+ +
+

Introduction

+
+

+ +

+ +
+
+
+
+
Lesson Content
+ + 0% COMPLETE + 0/1 Steps + +
+ +
    +
  • Topic 1 – Grounding
    • +
  • Topic 2 – Igniting
    • +
  • Topic 3 – Awareness
    • +
+
+
+
+
+ +
+

+ +

+
+ +
+

+ +

+
+ +

Section 2

+
+

+ +

+
+ +
+

+ +

+
+ +

Section 3

+
+

+ +

+
+
+
+
    +
  • Topic 1 – Grounding
    • +
  • Topic 2 – Igniting
    • +
  • Topic 3 – Awareness
    • +
+
+
+
+
+ +
+

+ +

+
+ +
+

+ +

+
+
+
+
+
+
+
+
+
+
+ {/* sidebar start */} + + {/* sidebar end */} +
+
+
+
+ + {/* video modal start */} + + {/* video modal end */} + + ) +} + +export default CourseDetailsThree; \ No newline at end of file diff --git a/src/components/course-details-3/details-sidebar.jsx b/src/components/course-details-3/details-sidebar.jsx new file mode 100644 index 0000000..419f46a --- /dev/null +++ b/src/components/course-details-3/details-sidebar.jsx @@ -0,0 +1,62 @@ +import React from 'react'; +import { Books } from '../../svg'; + +const DetailsSidebar = () => { + return ( +
+
+
+
+

Course Includes:

+
    +
  • + Price: + $70.00 +
    • +
  • + Instrutor: + Edward Norton +
    • +
  • + Duration: + 3 weeks +
    • +
  • + Lessons: + 8 +
    • +
  • + Enrolled: + 65 students +
    • +
  • + Language: + English +
    • +
  • + Certificate: + Yes +
    • +
+ + + +
+

Share On:

+
    +
    • +
    • +
    • +
    • +
+
+
+
+
+
+ ) +} + +export default DetailsSidebar; \ No newline at end of file diff --git a/src/components/course-details-3/index.jsx b/src/components/course-details-3/index.jsx new file mode 100644 index 0000000..fb4e6e8 --- /dev/null +++ b/src/components/course-details-3/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbSix from '../breadcrumb/breadcrumb-6'; +import CourseDetailsThree from './course-details-three'; + +const index = () => { + return ( +
+
+
+ + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/course-details/course-details-area.jsx b/src/components/course-details/course-details-area.jsx new file mode 100644 index 0000000..5467bcc --- /dev/null +++ b/src/components/course-details/course-details-area.jsx @@ -0,0 +1,183 @@ +import React from 'react'; +import CourseDetailsSidebar from '../common/sidebar/course-details-sidebar'; +import CommentFormCourse from '../forms/comment-form-course'; +import SingleComment from './single-comment'; +import SingleProgressbar from './single-progressbar'; + +const CourseDetailsArea = ({ course }) => { + const { course_desc, course_desc_2, learn_list, course_desc_3, curriculum_desc, course_lessons, instructor_img, instructor_title, instructor_desc, social_links, reviews, instructor, rating, rating_count } = course || {}; + return ( +
+
+
+
+
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+ +
+
+
+
+

Course Description

+

{course_desc}

+

{course_desc_2}

+
What You’ll Learn?
+
    + {learn_list?.map((l, i) =>
  • {l}
    • )} +
+

{course_desc_3}

+
+
+
+ +
+
+
+

Course Curriculum

+

{curriculum_desc}

+ {course_lessons.map((lesson, i) => ( +
+
{lesson?.title}
+

{lesson?.text}

+
    + {lesson?.lessons?.map((list, i) => ( +
  • + {list.title && +
    + + {list.title} +
    + } + + {!list?.badge_list && +
    + +
    + } + + {list?.badge_list && +
    + {list?.question} Question + {list?.minutes} Minutes +
    + } +
    • + ))} +
+
+ ))} +
+
+
+ +
+
+
+
+ team images +
+
+
{instructor}
+ {instructor_title} +

{instructor_desc}

+
    + {social_links?.map((social, i) => ( +
  • + + + +
    • + ))} +
+
+
+
+
+ +
+
+
+

Course Rating

+

{rating} average rating based on {rating_count} rating

+
+
+
+
{rating}
+
+ + + + + +
+ ({rating_count} Review) +
+
+
+
+ + + + + +
+
+
+ +
+

Reviews

+
+ {reviews?.map((review, i) => ( + + ))} +
+
+ +
+

Write a Review

+
+
Rating Here
+
+ + + + + +
+
+ +
+
+
+
+
+
+
+ +
+ +
+
+
+
+ ) +} + +export default CourseDetailsArea; \ No newline at end of file diff --git a/src/components/course-details/index.jsx b/src/components/course-details/index.jsx new file mode 100644 index 0000000..0da5db1 --- /dev/null +++ b/src/components/course-details/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import CourseBreadcrumb from '../breadcrumb/breadcrumb-5'; +import CourseDetailsArea from './course-details-area'; + +const index = ({course}) => { + return ( +
+
+
+ + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/course-details/single-comment.jsx b/src/components/course-details/single-comment.jsx new file mode 100644 index 0000000..f534d2d --- /dev/null +++ b/src/components/course-details/single-comment.jsx @@ -0,0 +1,25 @@ +import React from 'react'; + +const SingleComment = ({review}) => { + return ( +
+
+ Comment Images +
+
+
+ + + + + +
+
{review?.title}
+ {review?.date} +

{review?.desc}

+
+
+ ) +} + +export default SingleComment; \ No newline at end of file diff --git a/src/components/course-details/single-progressbar.jsx b/src/components/course-details/single-progressbar.jsx new file mode 100644 index 0000000..33eab02 --- /dev/null +++ b/src/components/course-details/single-progressbar.jsx @@ -0,0 +1,18 @@ +import React from 'react'; + +const SingleProgressbar = ({value,rating_value}) => { + return ( +
+
+ 5 +
+
+
+
+ {rating_value} +
+ ) +} + +export default SingleProgressbar; \ No newline at end of file diff --git a/src/components/course-filter/sorting-area.jsx b/src/components/course-filter/sorting-area.jsx new file mode 100644 index 0000000..1addae1 --- /dev/null +++ b/src/components/course-filter/sorting-area.jsx @@ -0,0 +1,61 @@ +import Link from 'next/link'; +import React from 'react'; +import { useDispatch } from 'react-redux'; +import { add_force_page, add_item_offset } from '../../redux/features/filter-slice'; + +const SortingArea = ({course_items, num, setCourses, courses,course_list, items }) => { + const dispatch = useDispatch(); + + const handleChange = (e) => { + if (e.target.value === 'Filters') { + setCourses(course_items); + } else if (e.target.value === 'Low To High') { + const lowToHigh = courses.slice().sort((a, b) => parseFloat(a.course_price) - parseFloat(b.course_price)) + setCourses(lowToHigh); + } else if (e.target.value === 'High To Low') { + const highToHigh = courses.slice().sort((a, b) => parseFloat(b.course_price) - parseFloat(a.course_price)) + setCourses(highToHigh); + } + dispatch(add_item_offset(0)); + dispatch(add_force_page(0)); + } + + return ( +
+
+ { + items + ? (
Showing {num} of {items.length} courses
) + : (
Showing {num} courses
) + } +
+
+
+ {/* +
    +
  • + + + +
    • +
  • + + + +
    • } +
*/} +
+
+
+ +
+
+
+ ) +} + +export default SortingArea; \ No newline at end of file diff --git a/src/components/course-style-1/index.jsx b/src/components/course-style-1/index.jsx new file mode 100644 index 0000000..188927d --- /dev/null +++ b/src/components/course-style-1/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import Webdev from './webdev'; + +const index = () => { + return ( +
+
+
+ + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/course-style-1/webdev.jsx b/src/components/course-style-1/webdev.jsx new file mode 100644 index 0000000..622a8d9 --- /dev/null +++ b/src/components/course-style-1/webdev.jsx @@ -0,0 +1,64 @@ +import React from 'react'; +import { useState } from 'react'; +import { course_data } from '../../data'; +import SortingArea from '../course-filter/sorting-area'; +import CourseTypeOne from '../course/course-type-one'; + +// const Webdev = () => { +// const coursePerView = 8; +// const [next, setNext] = useState(coursePerView); +// const [courses,setCourses] = useState(course_data); +// // handleLoadData +// const handleLoadData = () => { +// setNext(value => value + 4) +// } +// return ( +//
+//
+// + +//
+// {courses.slice(0, next)?.map((course) => { +// return ( +//
+// +//
+// ) +// })} +//
+ +// {next < courses.length && +//
+// Click More +//
+// } +//
+//
+// ) +// } + + +const Webdev = () => { + const coursePerView = 28; // Set courses per view to 30 + const [courses, setCourses] = useState(course_data); + + return ( +
+
+ + +
+ {courses.slice(0, coursePerView)?.map((course) => { + return ( +
+ +
+ ) + })} +
+
+
+ ); +} + +export default Webdev; \ No newline at end of file diff --git a/src/components/course-style-2/course-2-area.jsx b/src/components/course-style-2/course-2-area.jsx new file mode 100644 index 0000000..694c913 --- /dev/null +++ b/src/components/course-style-2/course-2-area.jsx @@ -0,0 +1,38 @@ +import React from 'react'; +import { useState } from 'react'; +import { course_data } from '../../data'; +import SortingArea from '../course-filter/sorting-area'; +import CourseTypeSix from '../course/course-type-six'; + +const CourseTwoArea = () => { + const coursePerView =14; + const [next, setNext] = useState(coursePerView); + const [courses,setCourses] = useState(course_data); + // handleLoadData + const handleLoadData = () => { + setNext(value => value + 3) + } + return ( +
+
+ + +
+ {courses?.slice(8, next)?.map((course) => ( +
+ +
+ ))} +
+ + {/*next < courses.length && +
+ Load More +
+ */} +
+
+ ) +} + +export default CourseTwoArea; \ No newline at end of file diff --git a/src/components/course-style-2/index.jsx b/src/components/course-style-2/index.jsx new file mode 100644 index 0000000..fbaf30f --- /dev/null +++ b/src/components/course-style-2/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import CourseTwoArea from './course-2-area'; + +const index = () => { + return ( +
+
+
+ + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/course-style-3/course-3-area.jsx b/src/components/course-style-3/course-3-area.jsx new file mode 100644 index 0000000..c3bca5b --- /dev/null +++ b/src/components/course-style-3/course-3-area.jsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { useState } from 'react'; +import { course_data } from '../../data'; +import SortingArea from '../course-filter/sorting-area'; +import CourseTypeFour from '../course/course-type-four'; + +const CourseThreeArea = () => { + const coursePerView = 20; + const [next, setNext] = useState(coursePerView); + const [courses, setCourses] = useState(course_data); + // handleLoadData + const handleLoadData = () => { + setNext(value => value + 3) + } + return ( +
+
+ + +
+ { courses?.slice(14, next)?.map((course, key) => ( +
+ +
+ ) ) } +
+ + {/*next < courses.length && + + */} +
+
+ ) +} + +export default CourseThreeArea; \ No newline at end of file diff --git a/src/components/course-style-3/index.jsx b/src/components/course-style-3/index.jsx new file mode 100644 index 0000000..b15acbe --- /dev/null +++ b/src/components/course-style-3/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import CourseThreeArea from './course-3-area'; + +const index = () => { + return ( +
+
+
+ + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/course-style-4/course-4-area.jsx b/src/components/course-style-4/course-4-area.jsx new file mode 100644 index 0000000..27ff6fa --- /dev/null +++ b/src/components/course-style-4/course-4-area.jsx @@ -0,0 +1,58 @@ +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { course_data } from '../../data'; +import CourseSidebar from '../common/sidebar/course-sidebar'; +import SortingArea from '../course-filter/sorting-area'; +import CourseItems from './course-items'; + +// course_items +const course_items = course_data.filter((arr, index, self) => + index === self.findIndex( ( i ) => ( i.img === arr.img && i.State === arr.State ) ) ); + +const CourseFourArea = () => { + const [courses, setCourses] = useState(course_items.slice(20)); + const [showing,setShowing] = useState(0); + const { categories, instructors, levels, languages, price } = useSelector( (state) => state.filter ); + + let items = courses?.filter( (item1) => + categories?.length !== 0 + ? categories?.some( (item2) => item1.category == item2 ) + : item1 + ).filter( (item1) => + instructors?.length !== 0 + ? instructors?.some( (item2) => item1.instructor == item2 ) + : item1 + ).filter( (item1) => + levels?.length !== 0 + ? levels?.some( (item2) => item1.level == item2 ) + : item1 + ).filter((item1) => + languages?.length !== 0 + ? languages?.some( (item2) => item1.language == item2 ) + : item1 + ).filter(item => Number( item.course_price) <= price ) + + return ( +
+
+
+
+ {/* course sidebar start */} + + {/* course sidebar end */} +
+ +
+ {/* sorting area start */} + + {/* sorting area end */} + + +
+
+
+
+ ) +} + +export default CourseFourArea; \ No newline at end of file diff --git a/src/components/course-style-4/course-items.jsx b/src/components/course-style-4/course-items.jsx new file mode 100644 index 0000000..ac17525 --- /dev/null +++ b/src/components/course-style-4/course-items.jsx @@ -0,0 +1,66 @@ +import { useState, useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { + add_count_page, + add_force_page, + add_item_offset +} from "../../redux/features/filter-slice"; +import Pagination from "../../ui/pagination"; +import CourseTypeFive from '../course/course-type-five'; + +const CourseItems = ({ itemsPerPage, items, course_style, setShowing }) => { + const { page_count, item_offset, forcePage } = useSelector( + (state) => state.filter + ); + const [currentItems, setCurrentItems] = useState(null); + const [pageCount, setPageCount] = useState(page_count); + const [itemOffset, setItemOffset] = useState(item_offset); + const dispatch = useDispatch(); + // side effect + useEffect(() => { + const endOffset = itemOffset + itemsPerPage; + setCurrentItems(items?.slice(itemOffset, endOffset)); + setPageCount(Math.ceil(items.length / itemsPerPage)); + }, [itemOffset, itemsPerPage, items]); + + useEffect(() => { + if (currentItems && setShowing) { + setShowing(currentItems.length); + } + }, [currentItems, setShowing]); + + useEffect(() => { + dispatch(add_count_page(pageCount)); + dispatch(add_item_offset(itemOffset)); + }, [dispatch, itemOffset, pageCount]); + + useEffect(() => { + setPageCount(page_count); + setItemOffset(item_offset); + }, [item_offset, page_count]); + + // handlePageClick + const handlePageClick = (event) => { + const newOffset = (event.selected * itemsPerPage) % items.length; + setItemOffset(newOffset); + dispatch(add_force_page(event.selected)); + }; + + return ( + <> + {currentItems && currentItems.map((course, i) => { + return ( + + ) + })} + + {/**/} + + ) +} + +export default CourseItems; diff --git a/src/components/course-style-4/index.jsx b/src/components/course-style-4/index.jsx new file mode 100644 index 0000000..dbaff8d --- /dev/null +++ b/src/components/course-style-4/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import CourseFourArea from './course-4-area'; + +const index = () => { + return ( +
+
+
+ + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/course-style-5/course-5-area.jsx b/src/components/course-style-5/course-5-area.jsx new file mode 100644 index 0000000..9370f65 --- /dev/null +++ b/src/components/course-style-5/course-5-area.jsx @@ -0,0 +1,57 @@ +import React from 'react'; +import { useState } from 'react'; +import { useSelector } from 'react-redux'; +import { course_data } from '../../data'; +import CourseSidebarTwo from '../common/sidebar/course-sidebar-2'; +import SortingArea from '../course-filter/sorting-area'; +import CourseItems from './course-items'; + +// course_items +const course_items = course_data.filter((arr, index, self) => +index === self.findIndex((i) => (i.img === arr.img && i.State === arr.State))); + +const CourseFiveArea = () => { + const [courses, setCourses] = useState(course_items.slice(24)); + const [showing,setShowing] = useState(0); + const { categories, instructors, levels, languages, price } = useSelector( (state) => state.filter ); + + let items = courses?.filter( (item1) => + categories?.length !== 0 + ? categories?.some( (item2) => item1.category == item2 ) + : item1 + ).filter( (item1) => + instructors?.length !== 0 + ? instructors?.some( (item2) => item1.instructor == item2 ) + : item1 + ).filter( (item1) => + levels?.length !== 0 + ? levels?.some( (item2) => item1.level == item2 ) + : item1 + ).filter( (item1) => + languages?.length !== 0 + ? languages?.some( (item2) => item1.language == item2 ) + : item1 + ).filter( item => Number(item.course_price) <= price ) + + return ( +
+
+
+
+ +
+ +
+ {/* sorting area start */} + + {/* sorting area end */} + + +
+
+
+
+ ) +} + +export default CourseFiveArea; \ No newline at end of file diff --git a/src/components/course-style-5/course-items.jsx b/src/components/course-style-5/course-items.jsx new file mode 100644 index 0000000..f9cb617 --- /dev/null +++ b/src/components/course-style-5/course-items.jsx @@ -0,0 +1,66 @@ +import { useState, useEffect } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { + add_count_page, + add_force_page, + add_item_offset +} from "../../redux/features/filter-slice"; +import Pagination from "../../ui/pagination"; +import CourseTypeEight from '../course/course-type-eight'; + +const CourseItems = ({ itemsPerPage, items, course_style, setShowing }) => { + const { page_count, item_offset, forcePage } = useSelector( + (state) => state.filter + ); + const [currentItems, setCurrentItems] = useState(null); + const [pageCount, setPageCount] = useState(page_count); + const [itemOffset, setItemOffset] = useState(item_offset); + const dispatch = useDispatch(); + // side effect + useEffect(() => { + const endOffset = itemOffset + itemsPerPage; + setCurrentItems(items?.slice(itemOffset, endOffset)); + setPageCount(Math.ceil(items.length / itemsPerPage)); + }, [itemOffset, itemsPerPage, items]); + + useEffect(() => { + if (currentItems && setShowing) { + setShowing(currentItems.length); + } + }, [currentItems, setShowing]); + + useEffect(() => { + dispatch(add_count_page(pageCount)); + dispatch(add_item_offset(itemOffset)); + }, [dispatch, itemOffset, pageCount]); + + useEffect(() => { + setPageCount(page_count); + setItemOffset(item_offset); + }, [item_offset, page_count]); + + // handlePageClick + const handlePageClick = (event) => { + const newOffset = (event.selected * itemsPerPage) % items.length; + setItemOffset(newOffset); + dispatch(add_force_page(event.selected)); + }; + + return ( + <> + {currentItems && currentItems.map((course, i) => { + return ( + + ) + })} + + + + ) +} + +export default CourseItems; diff --git a/src/components/course-style-5/index.jsx b/src/components/course-style-5/index.jsx new file mode 100644 index 0000000..d198707 --- /dev/null +++ b/src/components/course-style-5/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import CourseFiveArea from './course-5-area'; + +const index = () => { + return ( +
+
+
+ + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/course/course-type-eight.jsx b/src/components/course/course-type-eight.jsx new file mode 100644 index 0000000..5df48f4 --- /dev/null +++ b/src/components/course/course-type-eight.jsx @@ -0,0 +1,164 @@ +import Link from 'next/link'; +import React from 'react'; +import { useDispatch, useSelector } from 'react-redux'; +import { cart_course } from '../../redux/features/cart-slice'; +import { add_to_wishlist, wishlistItems } from '../../redux/features/wishlist-slice'; + +const CourseTypeEight = ({ data, classes }) => { + const {cartCourses} = useSelector(state => state.cart); + const dispatch = useDispatch(); + const wishlists = useSelector(wishlistItems); + const isWishlistSelected = wishlists.find(w => Number(w.id) === Number(data.id)); + + const handleWishlist = (course_item) => { + if (wishlists.find(i => i.id === course_item.id)) { + dispatch( + add_to_wishlist({ + change_type: 'remove_wishlist', item: { + id: course_item.id, + img: `/assets/images/course/course-06/${course_item.img}`, + title: course_item.title, + price: course_item.course_price + } + })) + } else { + dispatch( + add_to_wishlist({ + change_type: 'add_wishlist', item: { + id: course_item.id, + img: `/assets/images/course/course-06/${course_item.img}`, + title: course_item.title, + price: course_item.course_price + } + })) + } + } + + // handle add to cart + const handleAddToCart = (course) => { + dispatch(cart_course({ + id:course.id, + img:`/assets/images/course/course-06/${course.img}`, + price:course.course_price, + title:course.title + })) + } + + return ( +
+
+
+ + + Course Thumb + + +
+ + + {data.duration} + +
+
+ +
+
+ ${data?.course_price} +
+ +
+ + {data.title} + +
+ +
+
+ + + + + +
+ + ({data.rating} /{data.rating_count}{" "} Rating) + +
+ +

{data.short_desc}

+ +
    +
  • + + {data.lesson} Lessons +
    • +
  • + + {data.student} Students +
    • +
+
+
+
+
+ + {data.level} + + +
+ + {data.title} + +
+ +
+
+ + + + + +
+ + ({data.rating}) + +
+ +
    +
  • {data.lesson} Lessons
    • +
  • {data.duration}
    • +
  • {data.level}
    • +
+ +
+
What You’ll Learn?
+
    + { + data.features.slice(0, 3).map( (feature, featurekey) =>
  • { feature }
    • ) + } +
+
+ +
+ handleAddToCart(data)} style={{ cursor: "pointer" }} className="edu-btn btn-medium"> + { + cartCourses.some( + (course) => + course.id === data.id + ) + ? "Added to cart" + : "Add to cart" + } + + +
+
+
+
+ ) +} + +export default CourseTypeEight; \ No newline at end of file diff --git a/src/components/course/course-type-five.jsx b/src/components/course/course-type-five.jsx new file mode 100644 index 0000000..2a022d0 --- /dev/null +++ b/src/components/course/course-type-five.jsx @@ -0,0 +1,164 @@ +import Link from 'next/link'; +import React from 'react'; +import { useDispatch, useSelector } from 'react-redux'; +import { cart_course } from '../../redux/features/cart-slice'; +import { add_to_wishlist, wishlistItems } from '../../redux/features/wishlist-slice'; + +const CourseTypeFive = ({ data, classes }) => { + const {cartCourses} = useSelector(state => state.cart); + const dispatch = useDispatch(); + const wishlists = useSelector(wishlistItems); + const isWishlistSelected = wishlists.find(w => Number(w.id) === Number(data.id)); + + const handleWishlist = (course_item) => { + if (wishlists.find(i => i.id === course_item.id)) { + dispatch( + add_to_wishlist({ + change_type: 'remove_wishlist', item: { + id: course_item.id, + img: `/assets/images/course/course-06/${course_item.img}`, + title: course_item.title, + price: course_item.course_price + } + })) + } else { + dispatch( + add_to_wishlist({ + change_type: 'add_wishlist', item: { + id: course_item.id, + img: `/assets/images/course/course-06/${course_item.img}`, + title: course_item.title, + price: course_item.course_price + } + })) + } + } + + // handle add to cart + const handleAddToCart = (course) => { + dispatch(cart_course({ + id:course.id, + img:`/assets/images/course/course-06/${course.img}`, + price:course.course_price, + title:course.title + })) + } + + return ( +
+
+
+ + + Course Thumb + + +
+ + + {data.duration} + +
+
+ +
+
+ ${data?.course_price} +
+ +
+ + {data.title} + +
+ +
+
+ + + + + +
+ + ({data.rating} /{data.rating_count}{" "} Rating) + +
+ +

{data.short_desc}

+ +
    +
  • + + {data.lesson} Lessons +
    • +
  • + + {data.student} Students +
    • +
+
+
+
+
+ + {data.level} + + +
+ + {data.title} + +
+ +
+
+ + + + + +
+ + ({data.rating}) + +
+ +
    +
  • {data.lesson} Lessons
    • +
  • {data.duration}
    • +
  • {data.level}
    • +
+ +
+
What You’ll Learn?
+
    + { + data.features.slice(0, 3).map( (feature, featurekey) =>
  • { feature }
    • ) + } +
+
+ +
+ handleAddToCart(data)} style={{ cursor: "pointer" }} className="edu-btn btn-medium"> + { + cartCourses.some( + (course) => + course.id === data.id + ) + ? "Added to cart" + : "Add to cart" + } + + +
+
+
+
+ ) +} + +export default CourseTypeFive; \ No newline at end of file diff --git a/src/components/course/course-type-four.jsx b/src/components/course/course-type-four.jsx new file mode 100644 index 0000000..c3b5b66 --- /dev/null +++ b/src/components/course/course-type-four.jsx @@ -0,0 +1,129 @@ +import Link from 'next/link'; +import React from 'react'; +import { useDispatch, useSelector } from 'react-redux'; +import { cart_course } from '../../redux/features/cart-slice'; +import { add_to_wishlist, wishlistItems } from '../../redux/features/wishlist-slice'; + +const CourseTypeFour = ({ data, classes }) => { + const {cartCourses} = useSelector(state => state.cart); + const dispatch = useDispatch(); + const wishlists = useSelector(wishlistItems); + const isWishlistSelected = wishlists.find(w => Number(w.id) === Number(data.id)); + + const handleWishlist = (course_item) => { + if (wishlists.find(i => i.id === course_item.id)) { + dispatch( + add_to_wishlist({ + change_type: 'remove_wishlist', item: { + id: course_item.id, + img: `/assets/images/course/course-06/${course_item.img}`, + title: course_item.title, + price: course_item.course_price + } + })) + } else { + dispatch( + add_to_wishlist({ + change_type: 'add_wishlist', item: { + id: course_item.id, + img: `/assets/images/course/course-06/${course_item.img}`, + title: course_item.title, + price: course_item.course_price + } + })) + } + } + + // handle add to cart + const handleAddToCart = (course) => { + dispatch(cart_course({ + id:course.id, + img:`/assets/images/course/course-06/${course.img}`, + price:course.course_price, + title:course.title + })) + } + + return ( +
+
+
+ + + Course Meta + + +
+
+
${Math.trunc(data.course_price)}
+ {data.level} +
+ + {data.title} + +
+
+
+ + + + + +
+ ({data.rating}) +
+

{data.short_desc}

+
    +
  • {data.lesson} Lessons
    • +
  • {data.student} Students
    • +
+
+
+ +
+
+ { data.category } +
+ { data.title } +
+
+
+ + + + + +
+ ({ data.rating }) +
+
    +
  • { data.lesson } { data.lesson + data.lesson > 1 ? 'Lessons' : 'Lesson' }
    • +
  • { data.duration }
    • +
  • { data.level }
    • +
+
+
What You’ll Learn?
+
    + { + data.features.slice(14, 3).map( (feature, featurekey) =>
  • { feature }
    • ) + } +
+
+
+ handleAddToCart(data)} + style={{cursor:'pointer'}}> + {cartCourses.some(item => item.id === data.id) ? 'Added to cart' : 'Add to cart'} + + + + +
+
+
+
+ ) +} + +export default CourseTypeFour; \ No newline at end of file diff --git a/src/components/course/course-type-one.jsx b/src/components/course/course-type-one.jsx new file mode 100644 index 0000000..dc79f64 --- /dev/null +++ b/src/components/course/course-type-one.jsx @@ -0,0 +1,124 @@ +import Link from 'next/link'; +import React from 'react'; +import { useDispatch, useSelector } from 'react-redux'; +import { cart_course } from '../../redux/features/cart-slice'; +import { add_to_wishlist, wishlistItems } from '../../redux/features/wishlist-slice'; + +const CourseTypeOne = ({ data, classes, image_location_path='01' }) => { + const {cartCourses} = useSelector(state => state.cart); + const dispatch = useDispatch(); + const wishlists = useSelector(wishlistItems); + const isWishlistSelected = wishlists.find(w => Number(w.id) === Number(data.id)); + + const handleWishlist = (course_item) => { + if (wishlists.find(i => i.id === course_item.id)) { + dispatch( + add_to_wishlist({ + change_type: 'remove_wishlist', item: { + id: course_item.id, + img: `/assets/images/course/course-06/${course_item.img}`, + title: course_item.title, + price: course_item.course_price + } + })) + } else { + dispatch( + add_to_wishlist({ + change_type: 'add_wishlist', item: { + id: course_item.id, + img: `/assets/images/course/course-06/${course_item.img}`, + title: course_item.title, + price: course_item.course_price + } + })) + } + } + + // handle add to cart + const handleAddToCart = (course) => { + dispatch(cart_course({ + id:course.id, + img:`/assets/images/course/course-06/${course.img}`, + price:course.course_price, + title:course.title + })) + } + + return ( +
+
+
+ + + Course Meta + + +
+ {data.duration} +
+
+
+ {data.level} +
+ {data.title} +
+
+
+ + + + + +
+ ({data.rating} /{data.rating_count} Rating) +
+
${data.course_price}
+
    +
  • {data.lesson} Lessons
    • +
  • {data.student} Students
    • +
+
+
+ +
+ +
+ +
+
+ + {data.level} +
+ + {data.title} + +
+
+
+ + + + + +
+ ({data.rating} /{data.rating_count} Rating) +
+
${data.course_price}
+

{data.short_desc}

+
    +
  • {data.lesson} Lessons
    • +
  • {data.student} Students
    • +
+ handleAddToCart(data)} className="edu-btn btn-secondary btn-small" style={{ cursor: 'pointer' }}> + {cartCourses.some(item => item.id === data.id) ? 'Added to cart' : 'Add to cart'} + + +
+
+
+ ) +} + +export default CourseTypeOne; \ No newline at end of file diff --git a/src/components/course/course-type-seven.jsx b/src/components/course/course-type-seven.jsx new file mode 100644 index 0000000..5333f49 --- /dev/null +++ b/src/components/course/course-type-seven.jsx @@ -0,0 +1,39 @@ +import React from 'react'; +import Link from 'next/link'; + +const CourseTypeSeven = ({ data, classes }) => { + return ( +
+
+
+ + + Course Meta + + +
${data.course_price}
+
+ + + +
+
+
+ images +
{data.instructor}
+
+
+
+ + + {data.title} + + +
+

{data.short_desc}

+
+
+
+ ) +} +export default CourseTypeSeven; \ No newline at end of file diff --git a/src/components/course/course-type-six.jsx b/src/components/course/course-type-six.jsx new file mode 100644 index 0000000..ccb2819 --- /dev/null +++ b/src/components/course/course-type-six.jsx @@ -0,0 +1,64 @@ +import React from 'react'; +import Link from 'next/link'; +import { useDispatch, useSelector } from 'react-redux'; +import { cart_course } from '../../redux/features/cart-slice'; + +const CourseTypeSix = ({ data, classes }) => { + const {cartCourses} = useSelector(state => state.cart); + const dispatch = useDispatch(); + + // handle add to cart + const handleAddToCart = (course) => { + dispatch(cart_course({ + id: course.id, + img: `/assets/images/course/course-06/${course.img}`, + price: course.course_price, + title: course.title + + })) + } + + return ( +
+
+
+ + + Course Meta + + +
+ {data.course_outline} +
+
+ +
+ {data.level} +
+ + {data.title} + +
+

{data.short_desc}

+
+
+ + + + + +
+ ({data.rating} /{data.rating_count} Rating) +
+ +
+
+
+ ) +} +export default CourseTypeSix; \ No newline at end of file diff --git a/src/components/course/course-type-three.jsx b/src/components/course/course-type-three.jsx new file mode 100644 index 0000000..a0cff16 --- /dev/null +++ b/src/components/course/course-type-three.jsx @@ -0,0 +1,45 @@ +import React from 'react'; +import Link from 'next/link'; + +const CourseTypeSeven = ({ data, classes }) => { + return ( +
+
+
+ + + Course Meta + + +
+ {data.duration} +
+
+ +
+
${data.course_price}
+
+ + {data.title} + +
+
+
+ + + + + +
+ ({data.rating} /{data.rating_count} Rating) +
+
    +
  • {data.lesson} Lessons
    • +
  • {data.student} Students
    • +
+
+
+
+ ) +} +export default CourseTypeSeven; \ No newline at end of file diff --git a/src/components/course/course-type-two.jsx b/src/components/course/course-type-two.jsx new file mode 100644 index 0000000..77b2d28 --- /dev/null +++ b/src/components/course/course-type-two.jsx @@ -0,0 +1,32 @@ +import React from 'react'; +import Link from 'next/link'; + +const CourseTypeTwo = ({ data, classes }) => { + return ( +
+
+
+ + + Course Thumb + + +
${Math.trunc(data.course_price)}
+
+
+ {data.level} +
+ + {data.title} + +
+
    +
  • {data.lesson} Lessons
    • +
  • {data.student} Students
    • +
+
+
+
+ ) +} +export default CourseTypeTwo; \ No newline at end of file diff --git a/src/components/event-details/event-details-area.jsx b/src/components/event-details/event-details-area.jsx new file mode 100644 index 0000000..32c45db --- /dev/null +++ b/src/components/event-details/event-details-area.jsx @@ -0,0 +1,109 @@ +import React from 'react'; +import { instructors_data } from '../../data'; +import Time from '../../utils/time'; +import TeamOne from "../team-member/team-one"; + +const EventDetailsArea = ({event}) => { + return ( +
+
+
+
+ Event +
+
+
+
+

About The Event

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores.

+

Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.

+
    +
  • Aute irure dolor in reprehenderit
    • +
  • Occaecat cupidatat non proident sunt in culpa
    • +
  • Pariatur enim ipsam.
    • +
+

Event Location

+

Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.

+
    +
  • Newyork City, USA
    • +
  • +012 (345) 6789
    • +
+
+ +
+
+
+ +
+
+
+
+
+

Event Info

+
    +
  • + Cost: + $70.00 +
    • +
  • + Total Slot: + 30 +
    • +
  • + Booked Slot: + 2 +
    • +
+ +
+
+
+
{Time('2023-12-5 00:00:00').days}
+
Days
+
+
+
+
+
{Time('2023-12-5 00:00:00').hours}
+
Hrss
+
+
+
+
+
{Time('2023-12-5 00:00:00').minutes}
+
Mints
+
+
+
+
+
{Time('2023-12-5 00:00:00').seconds}
+
Sec
+
+
+
+
+
+
+
+
+
+
+ +
+

Event Speakers

+
+ {instructors_data.slice(0,4).map((instructor) => ( +
+ +
+ ))} +
+
+
+
+ ) +} + +export default EventDetailsArea; \ No newline at end of file diff --git a/src/components/event-details/index.jsx b/src/components/event-details/index.jsx new file mode 100644 index 0000000..5b4fdba --- /dev/null +++ b/src/components/event-details/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbFour from '../breadcrumb/breadcrumb-4'; +import EventDetailsArea from './event-details-area'; + +const index = ({event}) => { + return ( +
+
+
+ + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/event-grid/all-events.jsx b/src/components/event-grid/all-events.jsx new file mode 100644 index 0000000..c4887a9 --- /dev/null +++ b/src/components/event-grid/all-events.jsx @@ -0,0 +1,36 @@ +import React, { useEffect, useState } from 'react'; +import Pagination from '../../ui/pagination'; +import EventItem from './event-item'; + +const AllEvents = ({ itemsPerPage, items }) => { + const [currentItems, setCurrentItems] = useState(null); + const [pageCount, setPageCount] = useState(0); + const [itemOffset, setItemOffset] = useState(0); + // side effect + useEffect(() => { + const endOffset = itemOffset + itemsPerPage; + setCurrentItems(items?.slice(itemOffset, endOffset)); + setPageCount(Math.ceil(items.length / itemsPerPage)); + }, [itemOffset, itemsPerPage, items]); + // handlePageClick + const handlePageClick = (event) => { + const newOffset = (event.selected * itemsPerPage) % items.length; + setItemOffset(newOffset); + }; + return ( + <> + {currentItems && currentItems.map((item, i) => { + return ( +
+
+ +
+
+ ) + })} + + + ) +} + +export default AllEvents; \ No newline at end of file diff --git a/src/components/event-grid/event-area.jsx b/src/components/event-grid/event-area.jsx new file mode 100644 index 0000000..9d7a1e2 --- /dev/null +++ b/src/components/event-grid/event-area.jsx @@ -0,0 +1,21 @@ +import React from 'react'; +import { event_data } from '../../data'; +import AllEvents from './all-events'; + +const event_items = event_data.filter(event => event.event_grid); + +const EventArea = () => { + return ( +
+
+
+
+ +
+
+
+
+ ) +} + +export default EventArea; \ No newline at end of file diff --git a/src/components/event-grid/event-item.jsx b/src/components/event-grid/event-item.jsx new file mode 100644 index 0000000..94d594a --- /dev/null +++ b/src/components/event-grid/event-item.jsx @@ -0,0 +1,44 @@ +import Link from 'next/link'; +import React from 'react'; + +const EventItem = ({ item }) => { + const { id, date, event_meta, img, sm_desc, time, title } = item || {}; + return ( +
+
+ + + Blog Images + + +
+ {time} +
+
+
+
+ {date?.split(' ')[1]} + {date?.split(' ')[0]} +
+
+ + {title} + +
+

{sm_desc}

+
    +
  • {event_meta}
    • +
+ +
+
+ ) +} + +export default EventItem; \ No newline at end of file diff --git a/src/components/event-grid/index.jsx b/src/components/event-grid/index.jsx new file mode 100644 index 0000000..fd0bba8 --- /dev/null +++ b/src/components/event-grid/index.jsx @@ -0,0 +1,20 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import EventArea from './event-area'; + + +const index = () => { + return ( +
+
+
+ + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/event-list/event-list-area.jsx b/src/components/event-list/event-list-area.jsx new file mode 100644 index 0000000..cad9c93 --- /dev/null +++ b/src/components/event-list/event-list-area.jsx @@ -0,0 +1,68 @@ +import { useSelector } from "react-redux"; +import { event_data } from "../../data"; +import EventListItem from "./event-list-item"; +import EventSidebar from "./event-sidebar"; + +const event_lists = event_data.filter(event => event.event_list); + +const EventListArea = () => { + const { categories } = useSelector((state) => state.event); + const filterData = event_lists?.filter((item1) => + categories?.length !== 0 + ? categories?.some((item2) => item1.category == item2) + : item1 + ); + + return ( +
+
+
+
+ +
+
+
+ {filterData?.length !== 0 && filterData?.map((list, i) => ( +
+
+ +
+
+ ))} +
+
+
+ + +
+
+ ) +} + +export default EventListArea; \ No newline at end of file diff --git a/src/components/event-list/event-list-item.jsx b/src/components/event-list/event-list-item.jsx new file mode 100644 index 0000000..3cc1825 --- /dev/null +++ b/src/components/event-list/event-list-item.jsx @@ -0,0 +1,39 @@ +import Link from 'next/link'; +import React from 'react'; + +const EventListItem = ({ item }) => { + const { id, img, date, time, title, sm_desc, event_meta } = item || {}; + return ( +
+
+ + + Event Images + + +
+
+
    +
  • {date}
    • +
  • {time}
    • +
+

+ + {title} + +

+ {event_meta} +

{sm_desc}

+ +
+
+ ) +} + +export default EventListItem; \ No newline at end of file diff --git a/src/components/event-list/event-sidebar.jsx b/src/components/event-list/event-sidebar.jsx new file mode 100644 index 0000000..8d63a68 --- /dev/null +++ b/src/components/event-list/event-sidebar.jsx @@ -0,0 +1,97 @@ +import React from 'react'; +import { useDispatch, useSelector } from 'react-redux'; +import { add_category } from '../../redux/features/event-slice'; + +const all_categories = ['Art & Design', 'Development', 'Business', 'Marketing'] + +const EventSidebar = () => { + const { categories } = useSelector(state => state.event); + const dispatch = useDispatch(); + // handleCategory + const handleCategory = (cate) => { + const index = categories.findIndex(item => item === cate); + if (index >= 0) { + dispatch(add_category({changeType: 'remove',item: cate})) + } else { + dispatch(add_category({changeType: 'added',item: cate})) + } + } + + return ( +
+
+
+
Categories
+
+ {all_categories.map((c, i) => ( +
+ handleCategory(c)} type="checkbox" id={`cat-check${i + 1}`} /> + +
+ ))} +
+
+
+
+
+
Date
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+
Cities
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+ ) +} + +export default EventSidebar; \ No newline at end of file diff --git a/src/components/event-list/index.jsx b/src/components/event-list/index.jsx new file mode 100644 index 0000000..f308a8e --- /dev/null +++ b/src/components/event-list/index.jsx @@ -0,0 +1,20 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import EventListArea from './event-list-area'; + + +const index = () => { + return ( +
+
+
+ + +
+
+
+ ) +} + +export default index; \ No newline at end of file diff --git a/src/components/faq/faq-area.jsx b/src/components/faq/faq-area.jsx new file mode 100644 index 0000000..5005900 --- /dev/null +++ b/src/components/faq/faq-area.jsx @@ -0,0 +1,133 @@ +import React from 'react'; +import SingleFaq from './single-faq'; + +function NavTab({ active = false, id, title }) { + return ( +
  • + +
    • + ) +} + +const FaqArea = () => { + return ( +
    +
    +
    +
    +
    +

    Questions By This Category

    +

    Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore.

    + +
      + + + + + + +
    +
    +
    +
    +
    +
    +
    +
    + + + + + + + + + + + + + +
    +
    +
    + +
    +
    +
    + + + + + + + + + + + +
    +
    +
    + +
    +
    +
    + + + + + + + +
    +
    +
    +
    +
    +
    + + + + + + + +
    +
    +
    +
    +
    +
    + + + + + + + +
    +
    +
    +
    +
    +
    + + + + + + + +
    +
    +
    +
    +
    +
    +
    +
    + ) +} + +export default FaqArea; \ No newline at end of file diff --git a/src/components/faq/index.jsx b/src/components/faq/index.jsx new file mode 100644 index 0000000..625399e --- /dev/null +++ b/src/components/faq/index.jsx @@ -0,0 +1,20 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import FaqArea from './faq-area'; + + +const index = ({team}) => { + return ( +
    +
    +
    + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/faq/single-faq.jsx b/src/components/faq/single-faq.jsx new file mode 100644 index 0000000..5cd8a81 --- /dev/null +++ b/src/components/faq/single-faq.jsx @@ -0,0 +1,20 @@ +import React from 'react'; + +const SingleFaq = ({show=false,id,title,desc}) => { + return ( +
    +
    + +
    +
    +
    +

    {desc}

    +
    +
    +
    + ) +} + +export default SingleFaq; \ No newline at end of file diff --git a/src/components/forms/blog-comment-form.jsx b/src/components/forms/blog-comment-form.jsx new file mode 100644 index 0000000..55d0705 --- /dev/null +++ b/src/components/forms/blog-comment-form.jsx @@ -0,0 +1,50 @@ +import { useFormik } from 'formik'; +import React from 'react'; +import { blogCommentSchema } from '../../utils/validation-schema'; +import ErrorMsg from './error-msg'; + +const BlogCommentForm = () => { + const { handleChange, handleSubmit, handleBlur, errors, values, touched } = useFormik({ + initialValues: { name: '', email: '', msg: '' }, + validationSchema: blogCommentSchema, + onSubmit: (values, { resetForm }) => { + toast.success(`${values.name} your comment added successfully`, { + position: 'top-left' + }) + resetForm() + } + }) + + return ( +
    +
    +
    + + {touched.name && } +
    + +
    + + {touched.email && } +
    + +
    + + {touched.msg && } +
    + +
    +
    + + +
    +
    +
    + +
    +
    +
    + ) +} + +export default BlogCommentForm; \ No newline at end of file diff --git a/src/components/forms/comment-form-course.jsx b/src/components/forms/comment-form-course.jsx new file mode 100644 index 0000000..28a070a --- /dev/null +++ b/src/components/forms/comment-form-course.jsx @@ -0,0 +1,49 @@ +import { useFormik } from 'formik'; +import React from 'react'; +import { courseSchema } from '../../utils/validation-schema'; +import ErrorMsg from './error-msg'; + +const CommentFormCourse = () => { + const { handleChange, handleSubmit, handleBlur, errors, values, touched } = useFormik({ + initialValues: { title:'',name: '', email: '', msg: '' }, + validationSchema: courseSchema, + onSubmit: (values, { resetForm }) => { + toast.success(`${values.name} your review added successfully`, { + position: 'top-left' + }) + resetForm() + } + }) + + return ( +
    +
    +
    + + {touched.title && } +
    + +
    + + {touched.name && } +
    + +
    + + {touched.email && } +
    + +
    + + {touched.msg && } +
    + +
    + +
    +
    +
    + ) +} + +export default CommentFormCourse; \ No newline at end of file diff --git a/src/components/forms/contact-me-form.jsx b/src/components/forms/contact-me-form.jsx new file mode 100644 index 0000000..b6a18b6 --- /dev/null +++ b/src/components/forms/contact-me-form.jsx @@ -0,0 +1,63 @@ +import React , { useState } from 'react'; +import emailjs from 'emailjs-com'; + +const Result = () => { + return ( +

    Thanks for your query. We will contact with you soon.

    + ) +} + +const ContactMeForm = () => { + const [result, setResult] = useState( false ); + + const sendEmail = ( e ) => { + e.preventDefault(); + emailjs + .sendForm( + 'service_bxh6md3', + 'template_1g7v07n', + e.target, + 'user_8Lx0gfI1ktOoeEN8DTV10' + ) + .then( ( result ) => { + console.log( result.text ); + }, + ( error ) => { + console.log( error.text ); + } + ); + e.target.reset(); + setResult( true ); + }; + + setTimeout(() => { + setResult( false ); + }, 5000); + + return ( +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    + { result ?
    : null } +
    +
    + ) +} + +export default ContactMeForm; \ No newline at end of file diff --git a/src/components/forms/contact-us-form.jsx b/src/components/forms/contact-us-form.jsx new file mode 100644 index 0000000..918e9f8 --- /dev/null +++ b/src/components/forms/contact-us-form.jsx @@ -0,0 +1,61 @@ +import React , { useState } from 'react'; +import emailjs from 'emailjs-com'; + +const Result = () => { + return ( +

    Thanks for your query. We will contact with you soon.

    + ) +} + +const ContactUsForm = () => { + const [result, setResult] = useState( false ); + + const sendEmail = ( e ) => { + e.preventDefault(); + emailjs + .sendForm( + 'service_bxh6md3', + 'template_1g7v07n', + e.target, + 'user_8Lx0gfI1ktOoeEN8DTV10' + ) + .then( ( result ) => { + console.log( result.text ); + }, + ( error ) => { + console.log( error.text ); + } + ); + e.target.reset(); + setResult( true ); + }; + + setTimeout(() => { + setResult( false ); + }, 5000); + + return ( +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    + { result ?
    : null } +
    +
    + ) +} + +export default ContactUsForm; \ No newline at end of file diff --git a/src/components/forms/error-msg.jsx b/src/components/forms/error-msg.jsx new file mode 100644 index 0000000..0ed1254 --- /dev/null +++ b/src/components/forms/error-msg.jsx @@ -0,0 +1,11 @@ +import React from 'react'; + +const ErrorMsg = ({error}) => { + return ( + <> +

    {error}

    + + ) +} + +export default ErrorMsg; \ No newline at end of file diff --git a/src/components/forms/login-form.jsx b/src/components/forms/login-form.jsx new file mode 100644 index 0000000..6cab3ba --- /dev/null +++ b/src/components/forms/login-form.jsx @@ -0,0 +1,73 @@ +import React from 'react'; +import { useFormik } from 'formik'; +import useFirebase from '../../hooks/use-firebase'; +import { loginSchema } from '../../utils/validation-schema'; +import ErrorMsg from './error-msg'; +import { useState } from 'react'; + +const LoginForm = () => { + const [showPass,setShowPass] = useState(false); + // use firebase + const { loginWithEmailPassword, resetPassword } = useFirebase(); + // use formik + const { handleChange, handleSubmit, handleBlur, errors, values, touched } = useFormik({ + initialValues: { email: '', password: '' }, + validationSchema: loginSchema, + onSubmit: (values, { resetForm }) => { + loginWithEmailPassword(values.email, values.password) + resetForm() + } + }) + + // handleResetPass + const handleResetPass = (email) => { + resetPassword(email); + } + return ( +
    +
    + + + {touched.email && } +
    + +
    + + + setShowPass(!showPass)} className="password-show"> + + +
    + {touched.password && } + + + +
    + +
    + + ) +} + +export default LoginForm; \ No newline at end of file diff --git a/src/components/forms/product-comment-form.jsx b/src/components/forms/product-comment-form.jsx new file mode 100644 index 0000000..61213f7 --- /dev/null +++ b/src/components/forms/product-comment-form.jsx @@ -0,0 +1,48 @@ +import React from 'react'; + +const ProductCommentForm = () => { + return ( +
    +
    +
    Your Rating
    +
    + + + + + +
    +
    + +
    +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    +
    + + +
    +
    + +
    + +
    +
    +
    + ) +} + +export default ProductCommentForm; \ No newline at end of file diff --git a/src/components/forms/register-form.jsx b/src/components/forms/register-form.jsx new file mode 100644 index 0000000..4fd5b85 --- /dev/null +++ b/src/components/forms/register-form.jsx @@ -0,0 +1,62 @@ +import React from 'react'; +import { useFormik } from 'formik'; +import useFirebase from '../../hooks/use-firebase'; +import { registerSchema } from '../../utils/validation-schema'; +import ErrorMsg from './error-msg'; +import Link from 'next/link'; +import { useState } from 'react'; + +const RegisterForm = () => { + const [showPass, setShowPass] = useState(false); + // register With Email Password + const { registerWithEmailPassword } = useFirebase(); + // use formik + const { handleChange, handleSubmit, handleBlur, errors, values, touched } = useFormik({ + initialValues: { name: '', email: '', password: '', terms: false }, + validationSchema: registerSchema, + onSubmit: (values, { resetForm }) => { + registerWithEmailPassword(values.email, values.password, values.name) + resetForm() + } + }) + return ( +
    +
    + + + {touched.name && } +
    + +
    + + + {touched.email && } +
    + +
    + + + setShowPass(!showPass)} className="password-show"> +
    + {touched.password && } + +
    +
    + + +
    +
    + {touched.terms && } + +
    + +
    + + ) +} + +export default RegisterForm; \ No newline at end of file diff --git a/src/components/gallery-grid/gallery-area.jsx b/src/components/gallery-grid/gallery-area.jsx new file mode 100644 index 0000000..0926f40 --- /dev/null +++ b/src/components/gallery-grid/gallery-area.jsx @@ -0,0 +1,92 @@ +import React from 'react'; +import { useState } from 'react'; +import ImageLightBox from '../common/popup-modal/image-lightbox'; + +const gallery_items = [ + { img: '/assets/images/gallery/gallery-01.jpg', category: 'Education' }, //all image size 370x300 + { img: '/assets/images/gallery/gallery-03.jpg', category: 'Education' }, + { img: '/assets/images/gallery/gallery-05.jpg', category: 'Education' }, + { img: '/assets/images/gallery/gallery-02.jpg', category: 'Marketing' }, + { img: '/assets/images/gallery/gallery-04.jpg', category: 'Marketing' }, + { img: '/assets/images/gallery/gallery-07.jpg', category: 'Marketing' }, + { img: '/assets/images/gallery/gallery-09.jpg', category: 'Development' }, + { img: '/assets/images/gallery/gallery-03.jpg', category: 'Development' }, + { img: '/assets/images/gallery/gallery-06.jpg', category: 'Development' }, + { img: '/assets/images/gallery/gallery-08.jpg', category: 'Health' } +] + +const uniqueItems = gallery_items.filter( (arr, index, self) => + index === self.findIndex( ( i ) => ( i.img === arr.img && i.State === arr.State ) ) +) + +const uniq_categories = ['All', ...new Set( gallery_items.map( item => item.category ) ) ] + +const GalleryArea = () => { + const [items, setItems] = useState(uniqueItems); + // category + const [category, setCategory] = useState('All'); + // photoIndex + const [photoIndex, setPhotoIndex] = useState(null); + // image open state + const [open, setOpen] = useState(false); + // images + const images = items.map(item => item.img) + // handleCategory + const handleCategory = (category) => { + setCategory(category) + if (category === 'All') { + setItems(uniqueItems) + } else { + setItems(gallery_items.filter(item => item.category === category)) + } + } + // handleImagePopup + const handleImagePopup = (index) => { + setPhotoIndex(index) + setOpen(true) + } + + return ( + <> +
    +
    +
    +
    + {uniq_categories.map((c, i) => ( + + ))} +
    +
    +
    +
    + {items.map((item, i) => ( +
    +
    handleImagePopup(i)} className="edu-popup-image edu-gallery-grid w-100"> +
    + Gallery Image +
    +
    + +
    +
    +
    + ))} +
    +
    +
    +
    +
    +
    + + {/* image light box start */} + + {/* image light box end */} + + ) +} + +export default GalleryArea; \ No newline at end of file diff --git a/src/components/gallery-grid/index.jsx b/src/components/gallery-grid/index.jsx new file mode 100644 index 0000000..3e4476a --- /dev/null +++ b/src/components/gallery-grid/index.jsx @@ -0,0 +1,21 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import AdBanner from '../homes/home/ad-banner'; +import GalleryArea from './gallery-area'; + +const index = () => { + return ( +
    +
    +
    + + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/gallery-masonry/gallery-area.jsx b/src/components/gallery-masonry/gallery-area.jsx new file mode 100644 index 0000000..1cd6b06 --- /dev/null +++ b/src/components/gallery-masonry/gallery-area.jsx @@ -0,0 +1,61 @@ +import React, { useState } from 'react'; +import Masonry, { ResponsiveMasonry } from "react-responsive-masonry"; +import ImageLightBox from '../common/popup-modal/image-lightbox'; + +const gallery_images = [ + '/assets/images/gallery/gallery-10.jpg', + '/assets/images/gallery/gallery-01.jpg', + '/assets/images/gallery/gallery-06.jpg', + '/assets/images/gallery/gallery-05.jpg', + '/assets/images/gallery/gallery-08.jpg', + '/assets/images/gallery/gallery-04.jpg', + '/assets/images/gallery/gallery-09.jpg', + '/assets/images/gallery/gallery-11.jpg', + '/assets/images/gallery/gallery-07.jpg' +] + +const GalleryArea = () => { + // photoIndex + const [photoIndex, setPhotoIndex] = useState(null); + // image open state + const [open, setOpen] = useState(false); + // handleImagePopup + const handleImagePopup = (index) => { + setPhotoIndex(index) + setOpen(true) + } + + return ( + <> +
    +
    + +
    +
    + + {/* image light box start */} + + {/* image light box end */} + + ) +} + +export default GalleryArea; \ No newline at end of file diff --git a/src/components/gallery-masonry/index.jsx b/src/components/gallery-masonry/index.jsx new file mode 100644 index 0000000..3e4476a --- /dev/null +++ b/src/components/gallery-masonry/index.jsx @@ -0,0 +1,21 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import AdBanner from '../homes/home/ad-banner'; +import GalleryArea from './gallery-area'; + +const index = () => { + return ( +
    +
    +
    + + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/homes/.DS_Store b/src/components/homes/.DS_Store new file mode 100644 index 0000000..260fc09 Binary files /dev/null and b/src/components/homes/.DS_Store differ diff --git a/src/components/homes/home-distant-learning/about-area.jsx b/src/components/homes/home-distant-learning/about-area.jsx new file mode 100644 index 0000000..afc3476 --- /dev/null +++ b/src/components/homes/home-distant-learning/about-area.jsx @@ -0,0 +1,100 @@ +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const features_list = [ + 'Expert Trainers', + 'Online Remote Learning', + 'Lifetime Access' +]; + +const AboutArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    + About Image +
    +
    +
    + Shape Image +
    +
    +

    Ray Sanchez

    +

    Minim veniam nostrud exer citation.

    +
    +
    +
    +
    +
    +
    + +
    +
    +
    20k
    + Enrolled Learners +
    +
    +
    +
      + + Shape + + + + Shape + + + + Shape + +
    +
    +
    +
    +
    +
    + About Us +

    Over 10 Years in Distant learning for Skill Development

    + + + +

    Lorem ipsum dolor sit amet consectur adipiscing elit sed eiusmod ex tempor incididunt labore dolore magna aliquaenim ad minim.

    +
    +
      {features_list.map((l,i) =>
    • {l}
      • )}
    +
    +
    +
    +
      + + + +
    +
    +
    + ) +} + +export default AboutArea; \ No newline at end of file diff --git a/src/components/homes/home-distant-learning/blog-area.jsx b/src/components/homes/home-distant-learning/blog-area.jsx new file mode 100644 index 0000000..c952d4a --- /dev/null +++ b/src/components/homes/home-distant-learning/blog-area.jsx @@ -0,0 +1,33 @@ +import { blog_data } from '../../../data'; +import BlogPostOne from '../../blog-post/blog-post-one'; + +const BlogArea = ({ style_2 }) => { + const blogItems = blog_data.filter(b => b.home_1); + return ( +
    +
    +
    + Latest Articles +

    Get News with FrontLine

    + + + +
    +
    + {blogItems.map((blogItem, i) => ( +
    + +
    + ))} +
    +
    +
      +
    • + Shape +
      • +
    +
    + ) +} + +export default BlogArea; \ No newline at end of file diff --git a/src/components/homes/home-distant-learning/brand-area.jsx b/src/components/homes/home-distant-learning/brand-area.jsx new file mode 100644 index 0000000..cd6383c --- /dev/null +++ b/src/components/homes/home-distant-learning/brand-area.jsx @@ -0,0 +1,59 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const brand_images = [ + '/assets/images/brand/brand-01.png', + '/assets/images/brand/brand-02.png', + '/assets/images/brand/brand-03.png', + '/assets/images/brand/brand-04.png', + '/assets/images/brand/brand-05.png', + '/assets/images/brand/brand-06.png' +] + +const BrandArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    + {brand_images.map((img, i) => ( +
    + Brand Logo +
    + ))} +
    +
      + + Shape + +
    +
    +
      + + Shape + + + Shape + +
    +
    + ) +} + +export default BrandArea; \ No newline at end of file diff --git a/src/components/homes/home-distant-learning/category-area.jsx b/src/components/homes/home-distant-learning/category-area.jsx new file mode 100644 index 0000000..56235d5 --- /dev/null +++ b/src/components/homes/home-distant-learning/category-area.jsx @@ -0,0 +1,77 @@ +import Link from "next/link"; +import { HybridDistancePrograms, NonDegreeProgram, OffCanvasPrograms, OnlineDegree } from "../../../svg"; + +const contents = { + category_data: [ + { + icon: , + title: 'Online Degree Programs', + text: 'Lorem ipsum dolor consec tur elit adicing sed umod tempor.', + courses: 7, + color: 'color-primary-style', + delay: '100' + }, + { + icon: , + title: 'Non-Degree Programs', + text: 'Lorem ipsum dolor consec tur elit adicing sed umod tempor.', + courses: 4, + color: 'color-secondary-style', + delay: '200' + }, + { + icon: , + title: 'Off-Campus Programs', + text: 'Lorem ipsum dolor consec tur elit adicing sed umod tempor.', + courses: 8, + color: 'color-extra08-style', + delay: '300' + }, + { + icon: , + title: 'Hybrid Distance Programs', + text: 'Lorem ipsum dolor consec tur elit adicing sed umod tempor.', + courses: 5, + color: 'color-extra05-style', + delay: '400' + } + ] +} + +const CategoryArea = () => { + return ( +
    +
    +
    + Categories +

    Online Classes For Remote Learning.

    + +

    Choose a title that clearly reflects the course content.

    +
    + +
    + {contents.category_data.map((category, i) => ( +
    +
    +
    + {category.icon} +
    +
    + + +
    {category.title}
    +     + +

    {category.text}

    +
    {category.courses} Courses
    +
    +
    +
    + ))} +
    +
    +
    + ) +} + +export default CategoryArea; \ No newline at end of file diff --git a/src/components/homes/home-distant-learning/counter-area.jsx b/src/components/homes/home-distant-learning/counter-area.jsx new file mode 100644 index 0000000..4fe674d --- /dev/null +++ b/src/components/homes/home-distant-learning/counter-area.jsx @@ -0,0 +1,60 @@ +import React from 'react'; +import Counter from '../../common/counter'; + +const counter_data = [ + { + color: 'primary-color', + delay: '50', + count: 29.3, + text: 'K', + title: 'Student Enrolled', + decimal: 1 + }, + { + color: 'secondary-color', + delay: '100', + count: 32.4, + text: 'K', + title: 'Class Completed', + decimal: 1 + }, + { + color: 'extra02-color', + delay: '150', + count: 100, + text: '%', + title: 'Satisfaction Rate' + }, + { + color: 'extra05-color', + delay: '200', + count: 354, + text: '%', + title: 'Top Instructors' + } +] + +const CounterArea = ({home_3 = false,home_8=false}) => { + return ( +
    +
    +
    + {counter_data.map((c, i) => ( +
    +
    +

    + + + +

    +
    {c.title}
    +
    +
    + ))} +
    +
    +
    + ) +} + +export default CounterArea; \ No newline at end of file diff --git a/src/components/homes/home-distant-learning/courses-area.jsx b/src/components/homes/home-distant-learning/courses-area.jsx new file mode 100644 index 0000000..5254190 --- /dev/null +++ b/src/components/homes/home-distant-learning/courses-area.jsx @@ -0,0 +1,33 @@ +import Link from 'next/link'; +import { course_data } from "../../../data"; +import CourseTypeOne from '../../course/course-type-one'; + +const CoursesArea = () => { + return ( +
    +
    +
    + Popular Courses +

    Pick A Course To Get Started

    + +
    +
    + {course_data.slice(0,3).map((course) => { + return ( +
    + +
    + ) + })} +
    + +
    +
    + ) +} + +export default CoursesArea; \ No newline at end of file diff --git a/src/components/homes/home-distant-learning/faq-area.jsx b/src/components/homes/home-distant-learning/faq-area.jsx new file mode 100644 index 0000000..1d3df55 --- /dev/null +++ b/src/components/homes/home-distant-learning/faq-area.jsx @@ -0,0 +1,154 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const accordion_items = [ + { + id:'collapseOne', + show:true, + title:'How can I contact a school directly?', + desc:'Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.' + }, + { + id:'collapseTwo', + show:false, + title:'How do I find a school where I want to study?', + desc:'Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.' + }, + { + id:'collapseThree', + show:false, + title:'Where should I study abroad?', + desc:'Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.' + } +]; + +const FaqArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    +
    +
    + Faq Images +
    +
    +
    +
    + Faq Images +
    +
    +
    +
    + Faq Images +
    +
    +
    +
    + Faq Images +
    +
    +
    + +
      + + Shape Images + + + Shape Images + + + Shape Images + + + Shape Images + + + Shape Images + +
    +
    +
    +
    +
    +
    + FAQ’s +

    Over 10 Years in Distant
    Skill     Development

    + + + +
    +
    +
    + {accordion_items.map((item,i) => { const {desc,id,show,title} = item; + return ( +
    +
    + +
    +
    +
    +

    {desc}

    +
    +
    +
    + ) + })} +
    +
    +
      + + Shape Images + + + + +
    +
    +
    +
    +
    +
    + ) +} + +export default FaqArea; \ No newline at end of file diff --git a/src/components/homes/home-distant-learning/hero-area.jsx b/src/components/homes/home-distant-learning/hero-area.jsx new file mode 100644 index 0000000..6a603e1 --- /dev/null +++ b/src/components/homes/home-distant-learning/hero-area.jsx @@ -0,0 +1,110 @@ +import Link from "next/link"; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const HeroArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +

    + Welcome
    to our UI X UX Design Hub! Frontline. +

    +

    + Effective design can lead to increased conversions and sales. +

    +
    + + Find courses + +
    +
    +
    +
    +
    +
    + Girl Image +
    +
    + Man Image +
    +
    +
    +
    + +
    +
    + Online Support +

    + +91 97896 55455 +

    +
    +
    +
    +
      + + Shape + + + + Shape + + + + Shape + + + + Shape + + + + Shape + + + + Shape + +
    +
    +
    +
    +
    +
    + ) +} + +export default HeroArea; \ No newline at end of file diff --git a/src/components/homes/home-distant-learning/index.jsx b/src/components/homes/home-distant-learning/index.jsx new file mode 100644 index 0000000..8d7e369 --- /dev/null +++ b/src/components/homes/home-distant-learning/index.jsx @@ -0,0 +1,35 @@ +import React from 'react'; +import { Footer, Header } from '../../../layout'; +import BlogArea from './blog-area'; +import AboutArea from './about-area'; +import BrandArea from './brand-area'; +import CategoryArea from './category-area'; +import CounterArea from './counter-area'; +import CoursesArea from './courses-area'; +import FaqArea from './faq-area'; +import HeroArea from './hero-area'; +import Testimonial from './testimonial'; +import VideoArea from './video-area'; + +const index = () => { + return ( +
    +
    +
    + + + {/* */} + {/**/} + + + {/**/} + {/**/ } + {/**/} + {/* */} +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/homes/home-distant-learning/testimonial.jsx b/src/components/homes/home-distant-learning/testimonial.jsx new file mode 100644 index 0000000..496a5d1 --- /dev/null +++ b/src/components/homes/home-distant-learning/testimonial.jsx @@ -0,0 +1,121 @@ +import React, { useEffect, useState } from 'react'; +import { Swiper, SwiperSlide } from "swiper/react"; +import { Autoplay, Pagination, EffectCoverflow } from "swiper"; +import Link from 'next/link'; + +const testimonial_contents = { + pre_title: 'Testimonials', + title: 'What Our Students Have To Say', + text: 'The art of “Communicating with Computers” is called coding, It allows us to be able to communicate with computers, and make them do what we want them to. One of the most exciting aspects of learning to code is the potential to bring your ideas to life and that’s how popular games, software, apps, web apps, and various other algorithms are built.', + testimonial_data: [ + { + img: '/assets/images/testimonial/test-01.jpg', + desc: 'I want to encourage all of you, whatever you just starting or already on your coding journey, to embrace the process. Don t be afraid to make mistakes; they are often the best teachers.', + ratings: [1, 2, 3, 4, 5], + name: 'Ray Sanchez', + title: 'Student' + }, + { + img: '/assets/images/testimonial/test-02.jpg', + desc: 'I want to remind you that as designers. Let’s design with intention, inspire others, and make the internet a more beautiful. Embrace your journey : the best is yet to come.', + ratings: [1, 2, 3, 4, 5], + name: 'Thomas Lopez', + title: 'Designer' + }, + { + img: '/assets/images/testimonial/test-03.jpg', + desc: 'It’s a journey filled with endless possibilities. Embrace every challenge, celebrate your successes, and keep pushing the limits of what you can achieve.', + ratings: [1, 2, 3, 4, 5], + name: 'Amber Page', + title: 'Developer' + }, + { + img: '/assets/images/testimonial/test-04.jpg', + desc: 'never forget why you started. The world is waiting for your voice. Don’t hold back. Step into your power, and let your creativity shine!', + ratings: [1, 2, 3, 4, 5], + name: 'Robert Tapp', + title: 'Content Creator' + } + ] +} + +const { pre_title, testimonial_data, text, title } = testimonial_contents; + +const Testimonial = () => { + const [loop, setLoop] = useState(false); + useEffect(() => setLoop(true), []) + return ( +
    +
    +
    +
    +
    +
    + {pre_title} +

    {title}

    + +

    {text}

    + + View All + +
    +
    +
    +
    + + {testimonial_data.map((item, i) => ( + +
    +
    + Testimonial + +
    +
    +

    {item.desc}

    +
    + {item.ratings.map((r, i) => )} +
    +
    {item.name}
    + {item.title} +
    +
    +     + ))} +
    +     +
    +
    +
    +
    + ) +} + +export default Testimonial; \ No newline at end of file diff --git a/src/components/homes/home-distant-learning/video-area.jsx b/src/components/homes/home-distant-learning/video-area.jsx new file mode 100644 index 0000000..8ab8058 --- /dev/null +++ b/src/components/homes/home-distant-learning/video-area.jsx @@ -0,0 +1,59 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; +import useModal from '../../../hooks/use-modal'; +import VideoModal from '../../common/popup-modal/video-modal'; + +const VideoArea = ({about_p_2}) => { + const { isVideoOpen, setIsVideoOpen } = useModal(); + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( + <> +
    +
    +
    +
    +
    +
    + Thumb + +
    +
      +
    • + Shape +
      • +
    • + Shape +
      • + + Shape + + + Shape + +
    +
    +
    +
    +
    +
    + {/* video modal start */} + + {/* video modal end */} + + ) +} + +export default VideoArea; \ No newline at end of file diff --git a/src/components/homes/home-health-coach/about.jsx b/src/components/homes/home-health-coach/about.jsx new file mode 100644 index 0000000..dcb7ac7 --- /dev/null +++ b/src/components/homes/home-health-coach/about.jsx @@ -0,0 +1,73 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const About = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    + About Image +
    + About Images +
    +
      + + Shape + + + + Shape + +
    • + +
      • +
    +
    +
    +
    +
    +
    + About Us +

    Individual Nutrition Counseling & Coaching

    + +

    Lorem ipsum dolor sit amet consectur adipiscing elit sed eiusmod ex tempor incididunt labore dolore magna aliquaenim ad minim.

    +
    +
      +
    • Expert Trainers
      • +
    • Online Remote Learning
      • +
    • Lifetime Access
      • +
    + Get Start Today +
    +
    +
    +
      + + Shape + +
    +
    +
    + ) +} + +export default About; \ No newline at end of file diff --git a/src/components/homes/home-health-coach/counter-area.jsx b/src/components/homes/home-health-coach/counter-area.jsx new file mode 100644 index 0000000..5b249cd --- /dev/null +++ b/src/components/homes/home-health-coach/counter-area.jsx @@ -0,0 +1,62 @@ +import React from 'react'; +import Counter from '../../common/counter'; + +const data = [ + { + icon: 'icon-77', + count: 29.3, + text: 'K', + title: 'Student Enrolled', + decimal: 1 + }, + { + icon: 'icon-78', + count: 32.4, + text: 'K', + title: 'Class Completed', + decimal: 1, + extraClass: 'icon-flower' + }, + { + icon: 'icon-79', + count: 100, + text: '%', + title: 'Satisfaction Rate' + }, + { + icon: 'icon-80', + count: 354, + text: '%', + title: 'Top Instructors' + } +] + +const CounterArea = () => { + return ( +
    +
    +
    + {data.map((c, i) => ( +
    +
    +
    + +
    +
    +

    + + + +

    +
    {c.title}
    +
    +
    +
    + ))} +
    +
    +
    + ) +} + +export default CounterArea; \ No newline at end of file diff --git a/src/components/homes/home-health-coach/course.jsx b/src/components/homes/home-health-coach/course.jsx new file mode 100644 index 0000000..684ef53 --- /dev/null +++ b/src/components/homes/home-health-coach/course.jsx @@ -0,0 +1,40 @@ +import React from 'react'; +import Link from 'next/link'; +import CourseTypeSeven from '../../course/course-type-seven'; +import { course_data } from "../../../data"; + +const Course = () => { + return ( +
    +
    +
      +
    • +
      + Popular Courses +

      Find The Course That’s Right for You.

      + +
      +
      • +
    • + +
      • +
    +
    + {course_data.slice(0,6).map( ( course ) => { + return ( +
    + +
    + ) + })} +
    +
    +
    + ) +} + +export default Course; \ No newline at end of file diff --git a/src/components/homes/home-health-coach/cta.jsx b/src/components/homes/home-health-coach/cta.jsx new file mode 100644 index 0000000..9f837ab --- /dev/null +++ b/src/components/homes/home-health-coach/cta.jsx @@ -0,0 +1,25 @@ +import React from 'react' + +const CTA = () => { + return ( +
    +
    +
    +
    +
    +
    +

    Register To Get QualityCourses FrontLine

    +
    +
    + + +
    +
    +
    +
    +
    +
    + ) +} + +export default CTA; \ No newline at end of file diff --git a/src/components/homes/home-health-coach/event-area.jsx b/src/components/homes/home-health-coach/event-area.jsx new file mode 100644 index 0000000..e04670a --- /dev/null +++ b/src/components/homes/home-health-coach/event-area.jsx @@ -0,0 +1,59 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; +import { event_data } from '../../../data'; +import EventItem from '../../event-grid/event-item'; + +const events = event_data.filter(event => event.health_coach_event); + +const EventArea = ({ event_2 }) => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    + Events & News +

    Popular Events & News

    + +
    + +
    + {events.slice(0,3).map((event) => { + const { delay, id } = event; + return ( +
    +
    + +
    +
    + ) + })} +
    + +
    +
    The Latest Events from FrontLine. + View All + +
    +
    + +
      +
    • + Shape +
      • + + + +
    +
    +
    + ) +} + +export default EventArea; \ No newline at end of file diff --git a/src/components/homes/home-health-coach/features.jsx b/src/components/homes/home-health-coach/features.jsx new file mode 100644 index 0000000..803e0fc --- /dev/null +++ b/src/components/homes/home-health-coach/features.jsx @@ -0,0 +1,85 @@ +import React from 'react' + +const features = () => { + return ( +
    +
    +
    + Health Guide +

    The Ultimate Guide to Upgrading
    Your Coaching

    + +
    +
    +
    +
    +
    + +
    +
    +
    Daily Excersize
    +

    Lorem ipsum dolor amet ex consecturs adipiscing elit sed eiusmod.

    +
    +
    +
    +
    +
    +
    + +
    +
    +
    Personal Program
    +

    Lorem ipsum dolor amet ex consecturs adipiscing elit sed eiusmod.

    +
    +
    +
    +
    +
    +
    + +
    +
    +
    Natural Process
    +

    Lorem ipsum dolor amet ex consecturs adipiscing elit sed eiusmod.

    +
    +
    +
    +
    +
    +
    + Image Svg +
    +
    +
    Improving Health
    +

    Lorem ipsum dolor amet ex consecturs adipiscing elit sed eiusmod.

    +
    +
    +
    +
    +
    +
    + Image Svg +
    +
    +
    Immune System
    +

    Lorem ipsum dolor amet ex consecturs adipiscing elit sed eiusmod.

    +
    +
    +
    +
    +
    +
    + +
    +
    +
    Physical Activity
    +

    Lorem ipsum dolor amet ex consecturs adipiscing elit sed eiusmod.

    +
    +
    +
    +
    +
    +
    + ) +} + +export default features; \ No newline at end of file diff --git a/src/components/homes/home-health-coach/index.jsx b/src/components/homes/home-health-coach/index.jsx new file mode 100644 index 0000000..bfcf11a --- /dev/null +++ b/src/components/homes/home-health-coach/index.jsx @@ -0,0 +1,33 @@ +import React from 'react'; +import { Footer, Header } from '../../../layout'; +import Slider from './slider'; +import Service from './service'; +import About from './about'; +import Features from './features'; +import Course from './course'; +import Testimonial from './testimonial'; +import CounterUp from './counter-area'; +import Event from './event-area'; +import CTA from './cta'; + +const index = () => { + return ( +
    +
    +
    + {/* */} + + + + + + + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/homes/home-health-coach/service.jsx b/src/components/homes/home-health-coach/service.jsx new file mode 100644 index 0000000..098e0a7 --- /dev/null +++ b/src/components/homes/home-health-coach/service.jsx @@ -0,0 +1,56 @@ +import React from 'react'; + +const contents = [ + { + title: 'Nutrition Strategies', + desc: 'Lorem ipsum dolor consec tur elit adicing sed umod tempor enim minim veniam quis.', + imgSrc: '/assets/images/svg-icons/h-8-shape-34.svg', + color: 'color-primary-style' + }, + { + title: 'Workout Routines', + desc: 'Lorem ipsum dolor consec tur elit adicing sed umod tempor enim minim veniam quis.', + imgSrc: '/assets/images/svg-icons/h-8-shape-35.svg', + color: 'color-secondary-style' + }, + { + title: 'Individual Support', + desc: 'Lorem ipsum dolor consec tur elit adicing sed umod tempor enim minim veniam quis.', + imgSrc: '/assets/images/svg-icons/h-8-shape-36.svg', + color: 'color-extra06-style' + } +] + +const Service = () => { + return ( +
    +
    +
    + Why Healthcoach +

    Why People Need Healthier Lifestyle?

    + +
    +
    + {contents.map((item, i) => { + const { title, desc, imgSrc, color } = item; + return ( +
    +
    +
    + images svg +
    +
    +
    {title}
    +

    {desc}

    +
    +
    +
    + ) + })} +
    +
    +
    + ) +} + +export default Service; \ No newline at end of file diff --git a/src/components/homes/home-health-coach/slider.jsx b/src/components/homes/home-health-coach/slider.jsx new file mode 100644 index 0000000..d79a207 --- /dev/null +++ b/src/components/homes/home-health-coach/slider.jsx @@ -0,0 +1,92 @@ +import Link from 'next/link'; +import { Swiper, SwiperSlide } from "swiper/react"; +import { Navigation, EffectFade, Autoplay } from "swiper"; +import { useEffect, useState } from "react"; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const slider_data = [ + { + id: 1, + src: '/assets/images/bg/bg-image-17.jpg', + subtitle: 'Welcome to FrontLine', + title: 'Reclaim Your Body, Your Confidence & Your Life.', + sm_text: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit.', + btn_text: 'Find courses' + }, + { + id: 2, + src: '/assets/images/bg/bg-image-28.jpg', + subtitle: 'Welcome to FrontLine', + title: 'Expart & chaged Your Life', + sm_text: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit.', + btn_text: 'Find courses' + }, + { + id: 3, + src: '/assets/images/bg/bg-image-26.jpg', + subtitle: 'Welcome to FrontLine', + title: 'We Can Help Your Reignite That Speak', + sm_text: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit.', + btn_text: 'Find courses' + } +]; + +const Slider = () => { + const [loop, setLoop] = useState(false); + useEffect(() => setLoop(true), []) + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    + + {slider_data.map((item) => { + const { btn_text, id, sm_text, src, subtitle, title } = item; + return ( + +
    + {subtitle} +

    + {title} +

    +

    {sm_text}

    +
    + + {btn_text} + +
    +
    +     + ) + })} +     +
    +
    +
    + ) +} + +export default Slider; \ No newline at end of file diff --git a/src/components/homes/home-health-coach/testimonial.jsx b/src/components/homes/home-health-coach/testimonial.jsx new file mode 100644 index 0000000..65f3a0f --- /dev/null +++ b/src/components/homes/home-health-coach/testimonial.jsx @@ -0,0 +1,137 @@ +import React, { useEffect, useState } from 'react'; +import { Swiper, SwiperSlide } from "swiper/react"; +import { Autoplay, Navigation } from 'swiper'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const contents = [ + { + name: 'Ray Sanchez', + title: 'Student', + ratings: [1, 2, 3, 4, 5], + imgSrc: '/assets/images/testimonial/testimonial-09.png', + desc: 'I want to encourage all of you, whatever you just starting or already on your coding journey, to embrace the process. Don t be afraid to make mistakes; they are often the best teachers.' + }, + { + name: 'Sara Lopez', + title: 'Designer', + ratings: [1, 2, 3, 4, 5], + imgSrc: '/assets/images/testimonial/testimonial-10.png', + desc: 'I want to remind you that as designers. Let’s design with intention, inspire others, and make the internet a more beautiful. Embrace your journey : the best is yet to come..' + }, + { + name: 'Amber Page', + title: 'Developer', + ratings: [1, 2, 3, 4, 5], + imgSrc: '/assets/images/testimonial/testimonial-11.jpg', + desc: 'It’s a journey filled with endless possibilities. Embrace every challenge, celebrate your successes, and keep pushing the limits of what you can achieve.' + } +] + +const Testimonial = () => { + const [loop, setLoop] = useState(false); + useEffect(() => setLoop(true), []) + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    + Testimonials +

    What Our Students Have To Say

    + +
    +
    +
    +
    + images +
      + + Shape + + + Shape + +
    • + Shape +
      • +
    +
    +
    + + + {contents.map((item, i) => ( + +
    +
    + Testimonial +
    +
    +

    {item.desc}

    +
    + {item.ratings.map((r, i) => )} +
    +
    {item.name}
    + {item.title} +
    +
    +     + ))} +
    +
    + images left +
    +
    + images right +
    +
    +     +
    +
    +
      + + Shape + +
    • + Shape +
      • +
    +
    +
    + ) +} + +export default Testimonial; \ No newline at end of file diff --git a/src/components/homes/home-kindergarten/about-area.jsx b/src/components/homes/home-kindergarten/about-area.jsx new file mode 100644 index 0000000..4ae1518 --- /dev/null +++ b/src/components/homes/home-kindergarten/about-area.jsx @@ -0,0 +1,74 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const AboutArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    + About Image +
    +
    + About Image +
    +
      +
    • + Shape +
      • +
    • + Shape +
      • + + Shape + +
    +
    +
    +
    +
    +
    + Welcome to the FrontLine +

    How to effectively manage scope changes for AI/ML projects?

    + +

    Highlights how machine learning and AI can automate tasks and boost efficiency.Focuses on how AI can foster creative, cutting-edge advancements in business.

    +
    +
    +
    +
    +
    Our Vision
    +

    AI and Machine Learning (ML) project or company should articulate a bold, forward-looking perspective on how AI and ML will shape the future. It should focus on the broader impact of these technologies on industries, society, and innovation.

    +
      +
    • online classes
      • +
    • We provide practical classes
      • +
    +
    +
    +
    Our Mission
    +

    Innovation, automation, and data-driven insights.

    +

    Forward-thinking, adaptation, and solving current and future challenges.

    +
    +
    +
    + + Get Start Today + +
    +
    +
    +
    +
    + ) +} + +export default AboutArea; \ No newline at end of file diff --git a/src/components/homes/home-kindergarten/ad-banner.jsx b/src/components/homes/home-kindergarten/ad-banner.jsx new file mode 100644 index 0000000..53113b0 --- /dev/null +++ b/src/components/homes/home-kindergarten/ad-banner.jsx @@ -0,0 +1,57 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const AdBanner = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    +

    Quickly Get Updates About Your Class Event and News!

    +
    +
    + + +
    +
    +
    +
    +
    +
    + +
      + + shape + + + + shape + + +
    • + shape +
      • +
    • + shape +
      • +
    +
    +
    + ) +} + +export default AdBanner; \ No newline at end of file diff --git a/src/components/homes/home-kindergarten/blog-area.jsx b/src/components/homes/home-kindergarten/blog-area.jsx new file mode 100644 index 0000000..8377007 --- /dev/null +++ b/src/components/homes/home-kindergarten/blog-area.jsx @@ -0,0 +1,65 @@ +import Link from 'next/link'; +import React from 'react'; +import { blog_data } from '../../../data'; + +const blog_items = blog_data.filter(blog => blog.kindergarten_blog); + +const BlogArea = () => { + return ( +
    +
    +
    + Our Articles +

    Check Out Our Latest Blog

    + +
    + +
    + {blog_items.map((blog) => { + const { id, img, title, category, comment, date, sm_desc } = blog; + return ( +
    +
    +
    +
    + + + Blog Images + + +
    + + + +
    +
    + +
    +
    + + {category} + +
    +
    + + {title} + +
    +
      +
    • {date}
      • +
    • Com {comment}
      • +
    +

    {sm_desc}

    +
    +
    +
    +
    + ) + })} +
    +
    +
    + ) +} + +export default BlogArea; \ No newline at end of file diff --git a/src/components/homes/home-kindergarten/category-area.jsx b/src/components/homes/home-kindergarten/category-area.jsx new file mode 100644 index 0000000..f671533 --- /dev/null +++ b/src/components/homes/home-kindergarten/category-area.jsx @@ -0,0 +1,47 @@ +import React from 'react'; + +function FeatureBox ({delay,icon,color,title,text}) { + return ( +
    +
    +
    + +
    +
    +
    {title}
    +

    {text}

    +
    +
    +
    + ) +} + +const CategoryArea = () => { + return ( +
    +
    +
    + Our Activities +

    Will Be Happy With Our Services

    + +
    +
    + + + + + + +
    +
    +
    + ) +} + +export default CategoryArea; \ No newline at end of file diff --git a/src/components/homes/home-kindergarten/courses-area.jsx b/src/components/homes/home-kindergarten/courses-area.jsx new file mode 100644 index 0000000..37daff6 --- /dev/null +++ b/src/components/homes/home-kindergarten/courses-area.jsx @@ -0,0 +1,87 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; +import { course_data } from '../../../data'; + +const courses = course_data.filter(course => course.kindergarten_course) + +const CoursesArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    + Popular Courses +

    Pick A Course To Get Started

    + +
    +
    + {courses.slice(0,3).map((course) => { + const { id, bg_color, img, course_price, level, title, short_desc, lesson, student } = course; + return ( +
    +
    +
    +
    + + + Course Meta + + +
    ${Math.trunc(course_price)}
    +
    +
    + {level} +
    + + {title} + +
    +
      +
    • {lesson} Lessons
      • +
    • {student} Students
      • +
    +

    {short_desc}

    +
    +
    +
    +
    + ) + })} +
    + +
      + + Shape + + + Shape + +
    +
    +
      + + Shape + +
    +
    + ) +} + +export default CoursesArea; \ No newline at end of file diff --git a/src/components/homes/home-kindergarten/event-area.jsx b/src/components/homes/home-kindergarten/event-area.jsx new file mode 100644 index 0000000..b7745c5 --- /dev/null +++ b/src/components/homes/home-kindergarten/event-area.jsx @@ -0,0 +1,81 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; +import { event_data } from '../../../data'; + +const events = event_data.filter(item => item.home_7) + +const EventArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    + Discover Event +

    Join Our Upcoming Event

    + +
    + +
    + {events.map((event) => { + const { id, date, event_meta, img, sm_desc, bg_style, title } = event; + return ( +
    +
    +
    +
    + + + Event Images + + +
    +
    +
      +
    • {date}
      • +
    +

    + + {title} + +

    + {event_meta} +

    {sm_desc}

    +
    + + Attend + +
    +
    +
    +
    +
    + ) + })} +
    + +
      + + Shape + + + Shape + +
    +
    +
    + ) +} + +export default EventArea; \ No newline at end of file diff --git a/src/components/homes/home-kindergarten/faq-area.jsx b/src/components/homes/home-kindergarten/faq-area.jsx new file mode 100644 index 0000000..13def8a --- /dev/null +++ b/src/components/homes/home-kindergarten/faq-area.jsx @@ -0,0 +1,105 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const accordion_items = [ + { + id: 'collapseOne', + show: false, + title: 'What kind of support and training do you provide to clients using AI and ML systems?', + style:'style-extra02', + desc: 'When providing support and training to clients using AI and ML systems, its essential to ensure that they have both the technical knowledge and the operational guidance they need to successfully integrate, use, and maintain these advanced technologies.' + }, + { + id: 'collapseTwo', + show: false, + title: 'Can you provide examples of successful AI/ML projects?', + style:'style-extra05', + desc: 'AI and ML are being used in a wide range of industries to solve complex problems, enhance business operations, and drive innovation.' + }, + { + id: 'collapseThree', + show: false, + title: 'How do you handle client concerns about data privacy and security when implementing AI solutions?', + style:'style-primary', + desc: 'When implementing AI solutions, we prioritize data privacy and security by adhering to industry best practices and regulatory standards such as GDPR, CCPA, and HIPAA. .' + } +]; + +const FaqArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    + Services For Everyone +

    Transformative AI & ML Services

    + +
    +
    +
    + {accordion_items.map((item, i) => { + const { desc, id, show, title,style } = item; + return ( +
    +
    + +
    +
    +
    +

    {desc}

    +
    +
    +
    + ) + })} +
    +
    +
    +
    + +
    +
    +
    + Faq Images +
    +
      + + Shape Images + + + Shape Images + + + Shape Images + +
    +
    +
    +
    +
    +
    + ) +} + +export default FaqArea; \ No newline at end of file diff --git a/src/components/homes/home-kindergarten/hero-area.jsx b/src/components/homes/home-kindergarten/hero-area.jsx new file mode 100644 index 0000000..d201b50 --- /dev/null +++ b/src/components/homes/home-kindergarten/hero-area.jsx @@ -0,0 +1,105 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; +import { Certificate, Instructor, OnlineClass } from '../../../svg'; + +function FeatureBox({ color, icon, content }) { + return ( +
    +
    + {icon} +
    +
    +
    {content}
    +
    +
    + ) +} + +const HeroArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +

    AI and Machine Learining.

    +

    Limitless Opportunities In The World Of Technology.

    +
    + + Find courses + +
    +
    + } content={<>3,020
    Online Courses} /> + } content={<>Top
    Instructors} /> + } content={<>Online
    Certificates} /> +
    +
    +
    +
    +
    + +
    +
    + Girl Image +
    +
    + Girl Image +
    +
    +
      + + Shape + + + Shape + + + Shape + + + Shape + + + Shape + +
    • + Shape +
      • +
    • + Shape +
      • +
    +
    + ) +} + +export default HeroArea; \ No newline at end of file diff --git a/src/components/homes/home-kindergarten/index.jsx b/src/components/homes/home-kindergarten/index.jsx new file mode 100644 index 0000000..c7995ea --- /dev/null +++ b/src/components/homes/home-kindergarten/index.jsx @@ -0,0 +1,31 @@ +import React from 'react'; +import { FooterThree, Header } from '../../../layout'; +import AboutArea from './about-area'; +import AdBanner from './ad-banner'; +import BlogArea from './blog-area'; +import CategoryArea from './category-area'; +import CoursesArea from './courses-area'; +import EventArea from './event-area'; +import FaqArea from './faq-area'; +import HeroArea from './hero-area'; + +const index = () => { + return ( +
    +
    +
    + + + + + + + + {/**/} + +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/homes/home-kitchen/about-area.jsx b/src/components/homes/home-kitchen/about-area.jsx new file mode 100644 index 0000000..ccaaef3 --- /dev/null +++ b/src/components/homes/home-kitchen/about-area.jsx @@ -0,0 +1,77 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const lists = [ + //'Cooking award achived', + 'Available online courses', + 'Online Certification' +]; + +const AboutArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    + About Image +
    + About Image +
      + + Shape + + + Shape + + + Shape + +
    • + +
      • +
    +
    +
    +
    +
    +
    + About +

    we offer an immersive training program designed to equip you with the essential skills in Python programming and data science.

    + + + +

    Here’s a detailed overview of what Python offers for data science and why it's a preferred choice for many professionals.

    +
    +
      {lists.map((l, i) =>
    • {l}
      • )}
    + + Get Start Today + +
    +
    +
    +
    +
    + ) +} + +export default AboutArea; \ No newline at end of file diff --git a/src/components/homes/home-kitchen/ad-banner.jsx b/src/components/homes/home-kitchen/ad-banner.jsx new file mode 100644 index 0000000..53965f0 --- /dev/null +++ b/src/components/homes/home-kitchen/ad-banner.jsx @@ -0,0 +1,68 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const AdBanner = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    +

    Register To Get Quality Courses FrontLine

    + + Get started now + +
    +
    +
    +
    +
    +
      + + shape + + + shape + + + shape + + + shape + +
    • + shape +
      • +
    • + shape +
      • +
    +
    + ) +} + +export default AdBanner; \ No newline at end of file diff --git a/src/components/homes/home-kitchen/blog-area.jsx b/src/components/homes/home-kitchen/blog-area.jsx new file mode 100644 index 0000000..006f85b --- /dev/null +++ b/src/components/homes/home-kitchen/blog-area.jsx @@ -0,0 +1,70 @@ +import Link from 'next/link'; +import { blog_data } from '../../../data'; + +const BlogArea = () => { + const blog_items = blog_data.filter(blog => blog.kitchen); + return ( +
    +
    +
    + Latest Articles +

    Get News with FrontLine

    + + + +
    + +
    + {blog_items.map((blog, i) => { + const { id, img, comment, category, date, sm_desc, title } = blog; + return ( +
    +
    +
    +
    + + + Blog Images + + +
    +
    +
    + + + + + +
    +
    + + {category} + +
    +
    + + {title}... + +
    +
      +
    • + {date} +
      • +
    • + Com {comment} +
      • +
    +

    {sm_desc}

    +
    +
    +
    +
    + ) + })} +
    +
    +
    + ) +} + +export default BlogArea; \ No newline at end of file diff --git a/src/components/homes/home-kitchen/brand-area.jsx b/src/components/homes/home-kitchen/brand-area.jsx new file mode 100644 index 0000000..4529501 --- /dev/null +++ b/src/components/homes/home-kitchen/brand-area.jsx @@ -0,0 +1,27 @@ +import React from 'react'; + +function Brand({ img }) { + return ( +
    + Brand Logo +
    + ) +} + +const BrandArea = () => { + return ( +
    +
    +
    + + + + + +
    +
    +
    + ) +} + +export default BrandArea; \ No newline at end of file diff --git a/src/components/homes/home-kitchen/category-area.jsx b/src/components/homes/home-kitchen/category-area.jsx new file mode 100644 index 0000000..46884fa --- /dev/null +++ b/src/components/homes/home-kitchen/category-area.jsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { CertificateTwo, HybridDistanceProgramsTwo, SkilledLecturersTwo, UserTwo } from '../../../svg'; + +const CategoryArea = () => { + return ( +
    +
    +
    + } + title={<>Skilled Lecturers} text={'Lorem ipsum dolor consec tur elit adicing sed umod tempor.'} /> + + } + title={<>Distance Programs} text={'Lorem ipsum dolor consec tur elit adicing sed umod tempor.'} /> + + } + title={<>OnlineCertifications} text={'Lorem ipsum dolor consec tur elit adicing sed umod tempor.'} /> + + } + title={<>6000Members} text={'Lorem ipsum dolor consec tur elit adicing sed umod tempor.'} /> +
    +
    +
    + ) +} + +export default CategoryArea; + +const FeatureBox = ({ delay, icon, color, title, text }) => { + return ( +
    +
    +
    + {icon} +
    +
    +
    {title}
    +

    {text}

    +
    +
    +
    + ) +} \ No newline at end of file diff --git a/src/components/homes/home-kitchen/counter-area.jsx b/src/components/homes/home-kitchen/counter-area.jsx new file mode 100644 index 0000000..b993d12 --- /dev/null +++ b/src/components/homes/home-kitchen/counter-area.jsx @@ -0,0 +1,63 @@ +import React from 'react'; +import Counter from '../../common/counter'; + +const counter_data = [ + { + color: 'primary-color', + icon: 'icon-48', + count: 29.3, + text: 'K', + title: 'Student Enrolled', + decimal: 1 + }, + { + color: 'secondary-color', + icon: 'icon-47', + count: 32.4, + text: 'K', + title: 'Class Completed', + decimal: 1 + }, + { + color: 'extra08-color', + icon: 'icon-49', + count: 100, + text: '%', + title: 'Satisfaction Rate' + }, + { + color: 'extra05-color', + icon: 'icon-50', + count: 354, + text: '+', + title: 'Top Instructors' + } +]; + +const CounterArea = () => { + return ( +
    +
    +
    + {counter_data.map((c, i) => ( +
    +
    +
    + +
    +

    + + + +

    +
    {c.title}
    +
    +
    + ))} +
    +
    +
    + ) +} + +export default CounterArea; \ No newline at end of file diff --git a/src/components/homes/home-kitchen/courses-area.jsx b/src/components/homes/home-kitchen/courses-area.jsx new file mode 100644 index 0000000..f0c2665 --- /dev/null +++ b/src/components/homes/home-kitchen/courses-area.jsx @@ -0,0 +1,48 @@ +import Link from 'next/link'; +import React from 'react'; +import { course_data } from '../../../data'; +import CourseTypeFour from '../../course/course-type-four'; + +const courses = course_data.filter(course => course.kitchen_course); + +const CoursesArea = () => { + return ( +
    +
    +
    + Popular Courses +

    Pick A Course To Get Started

    + +
    + +
    + {courses.slice(1,4).map((course, key) => { + return ( +
    + +
    + ) + })} +
    +
    +
    Get the Most Dedicated Full Stack Course from FrontLine. + + All Courses + +
    +
    +
    +
    + ) +} + +export default CoursesArea; \ No newline at end of file diff --git a/src/components/homes/home-kitchen/faq-area.jsx b/src/components/homes/home-kitchen/faq-area.jsx new file mode 100644 index 0000000..e45432e --- /dev/null +++ b/src/components/homes/home-kitchen/faq-area.jsx @@ -0,0 +1,103 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const contents = { + pre_title: 'FAq’s', + title: 'Frequently Asked Questions.', + faq_img: "/assets/images/faq/faq-07.jpg", + accordion_items: [ + { + id: 'collapseOne', show: true, title: 'How can I contact a school directly?', + desc: 'Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.' + }, + { + id: 'collapseTwo', show: false, title: 'How do I find a school where I want to study?', + desc: 'Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.' + }, + { + id: 'collapseThree', show: false, title: 'Where should I study abroad?', + desc: 'Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.' + } + ] +} + +const { pre_title, title, accordion_items, faq_img } = contents; + +const FaqArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    + {pre_title} +

    {title}

    + +
    +
    +
    + {accordion_items.map((item, i) => { + const { desc, id, show, title } = item; + return ( +
    +
    + +
    +
    +
    +

    {desc}

    +
    +
    +
    + ) + })} +
    +
    +
    +
    + +
    +
    +
    + Faq Images +
    +
      + + Shape Images + + + Shape Images + + + Shape Images + +
    +
    +
    +
    +
    +
    + ) +} + +export default FaqArea; \ No newline at end of file diff --git a/src/components/homes/home-kitchen/hero-area.jsx b/src/components/homes/home-kitchen/hero-area.jsx new file mode 100644 index 0000000..d40b84c --- /dev/null +++ b/src/components/homes/home-kitchen/hero-area.jsx @@ -0,0 +1,96 @@ +import React from 'react'; +import Link from 'next/link'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const HeroArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +

    Unlock the Power of Data with Python

    +

    Comprehensive Training in Python and Data Science for Aspiring Data Professionals.

    +
    + + Find courses + +
    +
    +
    +
    +
    +
    + Couple Image +
    +
      +
    • + Shape +
      • +
    • + Shape +
      • +
    • + Shape +
      • +
    • + Shape +
      • +
    +
    +
    +
    +
    +
      + + Shape + + + + Shape + + + + Shape + + + + Shape + + + + Shape + +
    +
    + ) +}; + +export default HeroArea; diff --git a/src/components/homes/home-kitchen/index.jsx b/src/components/homes/home-kitchen/index.jsx new file mode 100644 index 0000000..0ae1e43 --- /dev/null +++ b/src/components/homes/home-kitchen/index.jsx @@ -0,0 +1,40 @@ +import React from 'react'; +import { FooterTwo, Header } from '../../../layout'; +import AboutArea from './about-area'; +import AdBanner from './ad-banner'; +import BlogArea from './blog-area'; +import BrandArea from './brand-area'; +import CategoryArea from './category-area'; +import CounterArea from './counter-area'; +import CoursesArea from './courses-area'; +import FaqArea from './faq-area'; +import HeroArea from './hero-area'; +import InstagramArea from './instagrams'; +import TeamArea from './team-area'; +import TestimonialArea from './testimonial-area'; + + +const index = () => { + return ( +
    +
    +
    + + + + {/**/} + + + + + {/**/} + + + {/**/} + +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/homes/home-kitchen/instagrams.jsx b/src/components/homes/home-kitchen/instagrams.jsx new file mode 100644 index 0000000..66edcf2 --- /dev/null +++ b/src/components/homes/home-kitchen/instagrams.jsx @@ -0,0 +1,26 @@ +import React from 'react'; +import SingleInstagram from '../../common/single-instagram'; + +const InstagramArea = () => { + return ( +
    +
    +
    + Instructors +

    Follow Me On Instagram

    + +
    +
    + + + + + + +
    +
    +
    + ) +} + +export default InstagramArea; \ No newline at end of file diff --git a/src/components/homes/home-kitchen/team-area.jsx b/src/components/homes/home-kitchen/team-area.jsx new file mode 100644 index 0000000..bb9a867 --- /dev/null +++ b/src/components/homes/home-kitchen/team-area.jsx @@ -0,0 +1,41 @@ +import React from 'react'; +import { instructors_data } from '../../../data'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; +import TeamThree from "../../team-member/team-three"; + +const TeamArea = ({ about_p_2, about_p_3 }) => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    + Instructors +

    + +
    + +
    + {instructors_data.slice(1,4).map((instructor) => ( +
    + +
    + ))} +
    +
    + +
      + + shape + +
    +
    + ) +} + +export default TeamArea; \ No newline at end of file diff --git a/src/components/homes/home-kitchen/testimonial-area.jsx b/src/components/homes/home-kitchen/testimonial-area.jsx new file mode 100644 index 0000000..0296f36 --- /dev/null +++ b/src/components/homes/home-kitchen/testimonial-area.jsx @@ -0,0 +1,136 @@ +import React, { useEffect, useState } from 'react'; +import { Swiper, SwiperSlide } from "swiper/react"; +import { Autoplay } from "swiper"; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const testimonial_items = [ + { + ratings: [1, 2, 3, 4, 5], + desc: 'I want to remind you that as designers. Let’s design with intention, inspire others, and make the internet a more beautiful. Embrace your journey : the best is yet to come..', + img: '/assets/images/testimonial/test-01.jpg', + name: 'Haley Bennet', + title: 'Designer' + }, + { + ratings: [1, 2, 3, 4, 5], + desc: 'It’s a journey filled with endless possibilities. Embrace every challenge, celebrate your successes, and keep pushing the limits of what you can achieve', + img: '/assets/images/testimonial/test-02.jpg', + name: 'Richard Gere', + title: 'Developer' + }, + { + ratings: [1, 2, 3, 4, 5], + desc: 'never forget why you started. The world is waiting for your voice. Don’t hold back. Step into your power, and let your creativity shine!', + img: '/assets/images/testimonial/test-04.jpg', + name: 'Megan Foxx', + title: 'Content creator' + } +]; + +const TestimonialArea = () => { + const [loop, setLoop] = useState(false); + useEffect(() => setLoop(true), []) + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    + Testimonials +

    What Our Students
    Have To Say

    + +
    +
    +
    + + {testimonial_items.map((item, i) => { + const { desc, img, name, ratings, title } = item; + return ( + +
    +
    +
    + {ratings.map(r => )} +
    +

    {desc}

    +
    +
    + Testimonial +
    +
    +
    {name}
    + {title} +
    +
    +
    +
    +     + ) + })} +     +
    + +
      + + Shape + + + Shape + + + Shape + + + Shape + +
    • + Shape + Shape +
      • +
    +
    + ) +} + +export default TestimonialArea; \ No newline at end of file diff --git a/src/components/homes/home-language-academy/about-area.jsx b/src/components/homes/home-language-academy/about-area.jsx new file mode 100644 index 0000000..826583d --- /dev/null +++ b/src/components/homes/home-language-academy/about-area.jsx @@ -0,0 +1,96 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const tabs = { + heading:[ + {active:true,target:'about-edu',title:'About EduBlink'}, + {target:'about-mission',title:'Our Mission'}, + {target:'about-vision',title:'Our Vision'} + ], + content:[ + {show:true,id:'about-edu',desc:"Magna aliquaenim minim veniam quis nostrud exercitation ullamco laborisLorem ipsum dolor sit amet consectetur adipisicing elit sed do eius tempor incididunt labore.", + feature_list:['Education award achived','Available online courses']}, + {id:'about-mission',desc:"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa.", + feature_list:['Education award achived','Available online courses']}, + {id:'about-vision',desc:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exer.", + feature_list:['Education award achived','Available online courses']} + ] +} + + +const AboutArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    + About Image +
    +
    + About Image +
    +
    + +
      + + Shape + +
    • + Shape +
      • +
    +
    +
    + +
    +
    +
    + About Us +

    We Provide Best Language Courses For You

    + +
    + +
      + { + tabs.heading.map((t,i) => ( +
    • + +
      • + )) + } +
    + +
    + { + tabs.content.map((item,i) => { + const {desc,feature_list,id,show} = item; + return ( +
    +

    {desc}

    +
      {feature_list.map((l,i) =>
    • {l}
      • )}
    +
    + ) + }) + } +
    + + +
    +
    +
    +
    +
    + ) +} + +export default AboutArea; \ No newline at end of file diff --git a/src/components/homes/home-language-academy/counter-area.jsx b/src/components/homes/home-language-academy/counter-area.jsx new file mode 100644 index 0000000..0c009ff --- /dev/null +++ b/src/components/homes/home-language-academy/counter-area.jsx @@ -0,0 +1,56 @@ +import React from 'react'; +import Counter from '../../common/counter'; + +const counter_data = [ + { + color: 'primary-color', + count: 29.3, + text: 'K', + title: 'Student Enrolled', + decimal: 1 + }, + { + color: 'secondary-color', + count: 32.4, + text: 'K', + title: 'Class Completed', + decimal: 1 + }, + { + color: 'extra02-color', + count: 100, + text: '%', + title: 'Satisfaction Rate' + }, + { + color: 'extra05-color', + count: 354, + text: '%', + title: 'Top Instructors' + } +] + +const CounterArea = () => { + return ( +
    +
    +
    + {counter_data.map((c, i) => ( +
    +
    +

    + + + +

    +
    {c.title}
    +
    +
    + ))} +
    +
    +
    + ) +} + +export default CounterArea; \ No newline at end of file diff --git a/src/components/homes/home-language-academy/faq-area.jsx b/src/components/homes/home-language-academy/faq-area.jsx new file mode 100644 index 0000000..3148968 --- /dev/null +++ b/src/components/homes/home-language-academy/faq-area.jsx @@ -0,0 +1,97 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const accordion_items = [ + { + id: 'collapseOne', + show: true, + title: 'How can I contact a school directly?', + desc: 'Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.' + }, + { + id: 'collapseTwo', + show: false, + title: 'How do I find a school where I want to study?', + desc: 'Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.' + }, + { + id: 'collapseThree', + show: false, + title: 'Where should I study abroad?', + desc: 'Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.' + } +]; + +const FaqArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    + FAQ’s +

    Over 10 Years in Distant
    Skill     Development

    + +
    +
    +
    + {accordion_items.map((item, i) => { + const { desc, id, show, title } = item; + return ( +
    +
    + +
    +
    +
    +

    {desc}

    +
    +
    +
    + ) + })} +
    +
    +
    +
    +
    +
    +
    + Faq Images +
    +
      +
    • + +
      • +
    • + +
      • + + Shape Images + +
    • + Shape Images +
      • +
    • + Shape +
      • +
    +
    +
    +
    +
    +
    + ) +} + +export default FaqArea; \ No newline at end of file diff --git a/src/components/homes/home-language-academy/features.jsx b/src/components/homes/home-language-academy/features.jsx new file mode 100644 index 0000000..67816f0 --- /dev/null +++ b/src/components/homes/home-language-academy/features.jsx @@ -0,0 +1,64 @@ +import React from 'react' + +const features = () => { + return ( +
    +
    +
    + features +

    Explore Yourself All Over The World

    + +

    Consectetur adipiscing elit sed do eiusmod tempor.

    +
    +
    +
    +
    + animated icon +
    +
    +
    80+ Online Courses
    +

    Lorem ipsum dolor sit amet cont adipiscing elit.

    +
    +
    +
    +
    + animated icon +
    +
    +
    Top Instructors
    +

    Lorem ipsum dolor sit amet cont adipiscing elit.

    +
    +
    +
    +
    + animated icon +
    +
    +
    Online Certificates
    +

    Lorem ipsum dolor sit amet cont adipiscing elit.

    +
    +
    +
    +
    + animated icon +
    +
    +
    6000k+ Members
    +

    Lorem ipsum dolor sit amet cont adipiscing elit.

    +
    +
    +
    +
    +
      +
    • + Shape +
      • +
    • + Shape +
      • +
    +
    + ) +} + +export default features; \ No newline at end of file diff --git a/src/components/homes/home-language-academy/hero-area.jsx b/src/components/homes/home-language-academy/hero-area.jsx new file mode 100644 index 0000000..cfe79c4 --- /dev/null +++ b/src/components/homes/home-language-academy/hero-area.jsx @@ -0,0 +1,111 @@ +import React from 'react'; +import Link from 'next/link'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; +import Counter from '../../common/counter'; + +const HeroArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +

    Take Online
    Language Courses
    With Certificate

    +

    Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit.

    +
    + + Find courses + +
    +
      +
    • + +
      • + + + +
    +
    +
    +
    +
    +
    + flag-boy Image +
    +
    +
    +
    +
    +

    + + + +

    +
    Enrolled
    +
    +
    +
    +
    +

    + + + +

    +
    Languages
    +
    +
    +
    +
    + +
      +
    • + Shape +
      • + + + Shape + + +
    • + Shape +
      • + +
    • + Shape +
      • + + + Shape + +
    +
    +
    +
    +
    +
      +
    • + Shape +
      • +
    +
    + ) +} + +export default HeroArea; \ No newline at end of file diff --git a/src/components/homes/home-language-academy/index.jsx b/src/components/homes/home-language-academy/index.jsx new file mode 100644 index 0000000..2ccfd32 --- /dev/null +++ b/src/components/homes/home-language-academy/index.jsx @@ -0,0 +1,31 @@ +import React from 'react'; +import { Footer, Header } from '../../../layout'; +import HeroArea from './hero-area'; +import Features from './features'; +import AboutArea from './about-area'; +import FaqArea from './faq-area'; +import VideoArea from './video-area'; +import Testimonial from './testimonial'; +import CounterArea from './counter-area'; +import BlogArea from '../home/blog-area'; + +const index = () => { + return ( +
    +
    +
    + + + + + + + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/homes/home-language-academy/testimonial.jsx b/src/components/homes/home-language-academy/testimonial.jsx new file mode 100644 index 0000000..8807055 --- /dev/null +++ b/src/components/homes/home-language-academy/testimonial.jsx @@ -0,0 +1,116 @@ + +import React, { useEffect, useState } from 'react'; +import { Swiper, SwiperSlide } from "swiper/react"; +import { Navigation, Thumbs } from "swiper"; +import Link from 'next/link'; + +const testimonial_contents = { + pre_title: 'Testimonials', + title: 'What Our Students
    Have To Say', + testimonial_data: [ + { + img: '/assets/images/testimonial/test-01.jpg', + desc: 'I want to encourage all of you, whatever you just starting or already on your coding journey, to embrace the process. Don t be afraid to make mistakes; they are often the best teachers..', + ratings: [1, 2, 3, 4, 5], + name: 'Ray Sanchez', + title: 'Student' + }, + { + img: '/assets/images/testimonial/testimonial-09.png', + desc: 'I want to remind you that as designers. Let’s design with intention, inspire others, and make the internet a more beautiful. Embrace your journey : the best is yet to come...', + ratings: [1, 2, 3, 4, 5], + name: 'Thomas Lopez', + title: 'Designer' + }, + { + img: '/assets/images/testimonial/testimonial-10.png', + desc: 'Lorem ipsum dolor amet consectur elit adicing elit sed mod tempor incid idunt enim minim veniam quis nosrud citation laboris nisiste aliquip comodo perspiatix unde omnis iste natus error sit voluptatem. accusantium doloreq laudantum.', + ratings: [1, 2, 3, 4, 5], + name: 'Amber Page', + title: 'Developer' + }, + { + img: '/assets/images/testimonial/testimonial-12.jpg', + desc: 'Lorem ipsum dolor amet consectur elit adicing elit sed mod tempor incid idunt enim minim veniam quis nosrud citation laboris nisiste aliquip comodo perspiatix unde omnis iste natus error sit voluptatem. accusantium doloreq laudantum.', + ratings: [1, 2, 3, 4, 5], + name: 'Robert Tapp', + title: 'Content Creator' + } + ] +} + +const { pre_title, testimonial_data, text, title } = testimonial_contents; + +const Testimonial = () => { + const [loop, setLoop] = useState(false); + const [activeThumb, setActiveThumb] = useState(); + useEffect(() => setLoop(true), []) + return ( +
    +
    +
    +
    + {pre_title} +

    + +
    +
    + + + + {testimonial_data.map((item, i) => ( + +
    +
    +
    + {item.ratings.map((r, i) => )} +
    +

    {item.desc}

    +
    {item.name}
    + {item.title} +
    +
    +     + ))} +     + + + + {testimonial_data.map((item, i) => ( + +
    +
    +

    {item.title}

    + Testimonial +
    +
    +     + ))} +     +
    +
    + ) +} + +export default Testimonial; \ No newline at end of file diff --git a/src/components/homes/home-language-academy/video-area.jsx b/src/components/homes/home-language-academy/video-area.jsx new file mode 100644 index 0000000..4d44d8e --- /dev/null +++ b/src/components/homes/home-language-academy/video-area.jsx @@ -0,0 +1,42 @@ +import React from 'react'; +import useModal from '../../../hooks/use-modal'; +import VideoModal from '../../common/popup-modal/video-modal'; + +const VideoArea = () => { + const { isVideoOpen, setIsVideoOpen } = useModal(); + return ( + <> +
    +
    +
    +
    +
    +
    + Thumb + +
    +
    +
    +
    +
    +
    + Thumb + +
    +
    +
    +
    +
    +
    + {/* video modal start */} + + {/* video modal end */} + + ) +} + +export default VideoArea; \ No newline at end of file diff --git a/src/components/homes/home-modern-schooling/ad-banner.jsx b/src/components/homes/home-modern-schooling/ad-banner.jsx new file mode 100644 index 0000000..86be9a7 --- /dev/null +++ b/src/components/homes/home-modern-schooling/ad-banner.jsx @@ -0,0 +1,75 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const AdBanner = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    + girl image +
    +
      + + shape + +
    • + shape +
      • + + shape + + + shape + +
    +
    +
    +
    +

    Get Your Quality
    Skills Certificate Through
    FrontLine

    + + Get started now + +
    +
    +
    +
      + + shape + +
    • + shape +
      • +
    +
    +
    +
    + ) +} + +export default AdBanner; \ No newline at end of file diff --git a/src/components/homes/home-modern-schooling/blog-area.jsx b/src/components/homes/home-modern-schooling/blog-area.jsx new file mode 100644 index 0000000..2177254 --- /dev/null +++ b/src/components/homes/home-modern-schooling/blog-area.jsx @@ -0,0 +1,60 @@ +import Link from 'next/link'; +import React from 'react'; +import { blog_data } from '../../../data'; + +const blog_items = blog_data.filter(blog => blog.modern_schooling_blog); + +const BlogArea = () => { + return ( +
    +
    +
    + Latest Articles +

    Get News with EduBlink

    + +
    +
    + {blog_items.map((blog, i) => { + const { id, img, delay, date, sm_desc, title, category } = blog; + return ( +
    +
    +
    +
    + + + Blog Images + + + {date} +
    +
    +
    + + + +
    +
    + + {category} + +
    +
    + + {title} + +
    +

    {sm_desc}

    +
    +
    +
    +
    + ) + })} +
    +
    +
    + ) +} + +export default BlogArea; \ No newline at end of file diff --git a/src/components/homes/home-modern-schooling/brand-area.jsx b/src/components/homes/home-modern-schooling/brand-area.jsx new file mode 100644 index 0000000..871a014 --- /dev/null +++ b/src/components/homes/home-modern-schooling/brand-area.jsx @@ -0,0 +1,28 @@ +import React from 'react'; + +const images = [ + '/assets/images/brand/brand-01.png', + '/assets/images/brand/brand-02.png', + '/assets/images/brand/brand-03.png', + '/assets/images/brand/brand-04.png', + '/assets/images/brand/brand-05.png', + '/assets/images/brand/brand-06.png' +]; + +const BrandArea = () => { + return ( +
    +
    +
    + {images.map((img, i) => ( +
    + Brand Logo +
    + ))} +
    +
    +
    + ) +} + +export default BrandArea; \ No newline at end of file diff --git a/src/components/homes/home-modern-schooling/courses.jsx b/src/components/homes/home-modern-schooling/courses.jsx new file mode 100644 index 0000000..5b6969d --- /dev/null +++ b/src/components/homes/home-modern-schooling/courses.jsx @@ -0,0 +1,68 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; +import { course_data } from '../../../data'; +import CourseTypeThree from '../../course/course-type-three'; + +const Courses = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    + +
    + {course_data.slice(2,6).map((course) => { + return ( +
    + +
    + ) + })} +
    + +
      + + Shape + +
    • + +
      • + + Shape + +
    • + Shape +
      • +
    +
    +
    + ) +} + +export default Courses; \ No newline at end of file diff --git a/src/components/homes/home-modern-schooling/faq-area.jsx b/src/components/homes/home-modern-schooling/faq-area.jsx new file mode 100644 index 0000000..6325d8a --- /dev/null +++ b/src/components/homes/home-modern-schooling/faq-area.jsx @@ -0,0 +1,115 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const accordion_items = [ + { + id: 'collapseOne', + show: true, + title: 'How can I contact a school directly?', + desc: 'Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.' + }, + { + id: 'collapseTwo', + show: false, + title: 'How do I find a school where I want to study?', + desc: 'Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.' + }, + { + id: 'collapseThree', + show: false, + title: 'Where should I study abroad?', + desc: 'Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.' + } +]; + + +const FaqArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    + Faq Images +
    +
      + + Shape Images + + + Shape Images + +
    • + Shape Images +
      • +
    +
    +
    +
    +
    +
    + FAQ’s +

    Over 10 Years in Distant
    Skill     Development

    + +
    +
    +
    + {accordion_items.map((item, i) => { + const { desc, id, show, title } = item; + return ( +
    +
    + +
    +
    +
    +

    {desc}

    +
    +
    +
    + ) + })} +
    +
    +
      + + Shape Images + + + + +
    +
    +
    +
    +
    +
    + ) +} + +export default FaqArea; \ No newline at end of file diff --git a/src/components/homes/home-modern-schooling/hero-area.jsx b/src/components/homes/home-modern-schooling/hero-area.jsx new file mode 100644 index 0000000..5db54c7 --- /dev/null +++ b/src/components/homes/home-modern-schooling/hero-area.jsx @@ -0,0 +1,116 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const HeroArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +

    Find Your Best
    Courses to Develope
    your skills

    +

    Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit.

    +
    +
    + + +
    +
    +
    +
    + +
    +
    +
    + vactor Image +
    + +
    +
    +
    Instrunctor
    +
    +
    + Images +
    +
    + 200+ Instactors +
    +
    +
    +
    + +
      +
    • + Shape +
      • + + + Shape + + + + Shape + + + + Shape + + + + Shape + + + + Shape + +
    +
    +
    +
    + +
      +
    • + +
      • + + Shape + +
    +
    +
    + ) +} + +export default HeroArea; \ No newline at end of file diff --git a/src/components/homes/home-modern-schooling/index.jsx b/src/components/homes/home-modern-schooling/index.jsx new file mode 100644 index 0000000..6736c0f --- /dev/null +++ b/src/components/homes/home-modern-schooling/index.jsx @@ -0,0 +1,33 @@ +import React from 'react'; +import { Footer, Header } from '../../../layout'; +import CounterArea from '../home-online-academy/counter-area'; +import AdBanner from './ad-banner'; +import BlogArea from './blog-area'; +import BrandArea from './brand-area'; +import Courses from './courses'; +import FaqArea from './faq-area'; +import HeroArea from './hero-area'; +import TestimonialArea from './testimonial-area'; +import TopCategories from './top-categories'; + +const index = () => { + return ( +
    +
    +
    + + + + + + + + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/homes/home-modern-schooling/testimonial-area.jsx b/src/components/homes/home-modern-schooling/testimonial-area.jsx new file mode 100644 index 0000000..72efe99 --- /dev/null +++ b/src/components/homes/home-modern-schooling/testimonial-area.jsx @@ -0,0 +1,113 @@ +import React, { useEffect, useState } from 'react'; +import { Swiper, SwiperSlide } from 'swiper/react'; +import { Autoplay, Pagination } from 'swiper'; + +const testimonials = [ + { + img: '/assets/images/testimonial/test-01.jpg', + desc: 'I want to encourage all of you, whatever you just starting or already on your coding journey, to embrace the process. Don t be afraid to make mistakes; they are often the best teachers.', + ratings: [1, 2, 3, 4, 5], + name: 'Ray Sanchez', + title: 'Student' + }, + { + img: '/assets/images/testimonial/testimonial-06.png', + desc: 'I want to remind you that as designers. Let’s design with intention, inspire others, and make the internet a more beautiful. Embrace your journey : the best is yet to come..', + ratings: [1, 2, 3, 4, 5], + name: 'Thomas Lopez', + title: 'Designer' + }, + { + img: '/assets/images/testimonial/testimonial-07.png', + desc: 'Lorem ipsum dolor amet consec tur elit adicing sed do usmod zx tempor enim minim veniam quis nostrud exer citation.', + ratings: [1, 2, 3, 4, 5], + name: 'Amber Page', + title: 'Developer' + }, + { + img: '/assets/images/testimonial/testimonial-06.png', + desc: 'Lorem ipsum dolor amet consec tur elit adicing sed do usmod zx tempor enim minim veniam quis nostrud exer citation.', + ratings: [1, 2, 3, 4, 5], + name: 'Thomas Lopez', + title: 'Designer' + } +]; + +const TestimonialArea = () => { + const [loop, setLoop] = useState(false); + useEffect(() => setLoop(true), []) + return ( +
    +
    +
    +
    +
    + Testimonials +

    What Our Students
    Have To Say

    + +
    +
    +
    + + {testimonials.map((item, i) => { + const {img,desc,name,ratings,title } = item; + return ( + +
    +
    +
    +
    + Testimonial +
    +
    +

    {desc}

    +
    + {ratings.map(r => )} +
    +
    +
    {name}
    + {title} +
    +
    +
    +     + ) + })} +     +
    +
    +
      +
    • + Shape + Shape +
      • +
    +
    + ) +} + +export default TestimonialArea; \ No newline at end of file diff --git a/src/components/homes/home-modern-schooling/top-categories.jsx b/src/components/homes/home-modern-schooling/top-categories.jsx new file mode 100644 index 0000000..ebb56d8 --- /dev/null +++ b/src/components/homes/home-modern-schooling/top-categories.jsx @@ -0,0 +1,62 @@ +import Link from 'next/link'; +import React from 'react'; + +function Category({ delay, color, icon, icon_class, title, course }) { + return ( +
    +
    +
    + +
    +
    + + +
    {title}
    +     + + {course} Courses +
    +
    +
    + ) +} + +const TopCategories = () => { + return ( +
    +
    +
    +

    Top Categories

    + +

    Consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore

    +
    + +
    + + + + + + + + + + + + + + + + + +
    +
    +
    + ) +} + +export default TopCategories; \ No newline at end of file diff --git a/src/components/homes/home-online-academy/blog-area.jsx b/src/components/homes/home-online-academy/blog-area.jsx new file mode 100644 index 0000000..7d7faab --- /dev/null +++ b/src/components/homes/home-online-academy/blog-area.jsx @@ -0,0 +1,98 @@ +import Link from 'next/link'; +import React from 'react'; +import { blog_data } from '../../../data'; + +const blog_items = blog_data.filter(blog => blog.home_4); +const large_blog = blog_items.find(blog => blog.large); +const sm_blogs = blog_items.filter(blog => !blog.large) + +const BlogArea = () => { + return ( +
    +
    +
    + Latest Articles +

    Get News with FrontLine

    + +
    +
    +
    +
    +
    +
    + + + Blog Images + + +
    +
    +
    + {large_blog.date.split(' ')[1]} + {large_blog.date.split(' ')[0]} +
    + +

    + + {large_blog.title} + +

    +

    Lorem ipsum dolor sit amet consec tetur adipisicing sed eiusmod tempor incid idunt labore.

    + +
    +
    +
    +
    + +
    + {sm_blogs.map((blog) => { + const { id, img, date, category, title, author, comment } = blog; + return ( +
    +
    +
    + + + Blog Images + + +
    + {date.split(' ')[1]} + {date.split(' ')[0]} +
    +
    +
    +
    + + {category} + +
    +
    + + {title} + +
    + +
    +
    +
    + ) + })} +
    +
    +
    +
    + ) +} + +export default BlogArea; \ No newline at end of file diff --git a/src/components/homes/home-online-academy/categories.jsx b/src/components/homes/home-online-academy/categories.jsx new file mode 100644 index 0000000..6150598 --- /dev/null +++ b/src/components/homes/home-online-academy/categories.jsx @@ -0,0 +1,52 @@ +import Link from 'next/link'; +import React from 'react'; + +function Category({ delay, color, icon, icon_name, title }) { + return ( +
    +
    +
    + +
    + +
    +
    + ) +} + +const Categories = () => { + return ( +
    +
    +
    + Categories +

    Online Classes For Remote Learning.

    + +

    Consectetur adipiscing elit sed do eiusmod tempor.

    +
    +
    + + + + + + + + + + +
    +
    +
    + ) +} + +export default Categories; \ No newline at end of file diff --git a/src/components/homes/home-online-academy/counter-area.jsx b/src/components/homes/home-online-academy/counter-area.jsx new file mode 100644 index 0000000..1005353 --- /dev/null +++ b/src/components/homes/home-online-academy/counter-area.jsx @@ -0,0 +1,55 @@ +import React from 'react'; +import Counter from '../../common/counter'; + +const counter_data = [ + { + color: 'primary-color', + count: 29.3, + text: 'K', + title: 'Student Enrolled', + decimal: 1 + }, + { + color: 'secondary-color', + count: 32.4, + text: 'K', + title: 'Class Completed', + decimal: 1 + }, + { + color: 'extra02-color', + count: 100, + text: '%', + title: 'Satisfaction Rate' + }, + { + color: 'extra05-color', + count: 354, + text: '%', + title: 'Top Instructors', + border_none:'border-none' + } +] + +const CounterArea = () => { + return ( +
    +
    +
    + {counter_data.map((c, i) => ( +
    +
    +

    + +

    +
    {c.title}
    +
    +
    + ))} +
    +
    +
    + ) +} + +export default CounterArea; \ No newline at end of file diff --git a/src/components/homes/home-online-academy/courses.jsx b/src/components/homes/home-online-academy/courses.jsx new file mode 100644 index 0000000..3746a1e --- /dev/null +++ b/src/components/homes/home-online-academy/courses.jsx @@ -0,0 +1,57 @@ +import Link from 'next/link'; +import React from 'react'; +import { course_data } from '../../../data'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; +import CourseTypeThree from '../../course/course-type-three'; + +const Courses = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    + Popular Courses +

    Pick A Course To Get Started

    + +
    + +
    + {course_data.slice(0,4).map((course) => { + return ( +
    + +
    + ) + })} +
    + + +
      + + Shape + + + + +
    +
    +
    + ) +} + +export default Courses; \ No newline at end of file diff --git a/src/components/homes/home-online-academy/cta-area.jsx b/src/components/homes/home-online-academy/cta-area.jsx new file mode 100644 index 0000000..7137283 --- /dev/null +++ b/src/components/homes/home-online-academy/cta-area.jsx @@ -0,0 +1,64 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const CtaArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    +
    + Get In Touch: +

    + info@frontlinetraining.in +

    +
    +
    + or +
    +
    + Call Us Via: +

    + +91 97896 55455 +

    +
    +
    +
      + + shape + + + shape + + + shape + +
    +
    +
    +
    +
    +
    + ) +} + +export default CtaArea; \ No newline at end of file diff --git a/src/components/homes/home-online-academy/faq-area.jsx b/src/components/homes/home-online-academy/faq-area.jsx new file mode 100644 index 0000000..1b34292 --- /dev/null +++ b/src/components/homes/home-online-academy/faq-area.jsx @@ -0,0 +1,124 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const accordion_items = [ + { + id: 'collapseOne', show: true, title: 'How can I contact a school directly?', + desc: 'Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.' + }, + { + id: 'collapseTwo', show: false, title: 'How do I find a school where I want to study?', + desc: 'Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.' + }, + { + id: 'collapseThree', show: false, title: 'Where should I study abroad?', + desc: 'Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.' + } +]; + +const FaqArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    + FAQ’s +

    Learn Your Best Education Culture with FrontLine

    + +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eius mod tempor incididunt labore dolore magna.

    +
    +
    +
    + {accordion_items.map((item, i) => { + const { desc, id, show, title } = item; + return ( +
    +
    + +
    +
    +
    +

    {desc}

    +
    +
    +
    + ) + })} +
    +
    +
    +
    +
    +
    +
    +
    +
    + Faq Images +
    +
    +
    +
    + Faq Images +
    +
    +
    +
      + + Shape Images + +
    • + Shape Images +
      • + + Shape Images + + + Shape Images + + + Shape Images + + + Shape Images + +
    +
    +
    +
    +
    +
    + ) +} + +export default FaqArea; \ No newline at end of file diff --git a/src/components/homes/home-online-academy/hero-area.jsx b/src/components/homes/home-online-academy/hero-area.jsx new file mode 100644 index 0000000..639e212 --- /dev/null +++ b/src/components/homes/home-online-academy/hero-area.jsx @@ -0,0 +1,129 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const HeroArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +

    + "Quality You Can Trust, Testing You Can Count On." +

    +

    + "Comprehensive Software Testing Solutions for Reliable Applications" +

    +
    + + Find courses + +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    + +
    +
    + Online Support +

    +91 97896 55455

    +
    +
    +
    +
    +
    + +
    +
      + + Shape + + + + Shape + + + + Shape + + + + Shape + + + + Shape + + + + Shape + + + + Shape + + +
    • + +
      • +
    +
    + ) +} + +export default HeroArea; + +// Thumbnail +const Thumbnail = ({ num, slide, img }) => { + return ( +
    + Girl Image +
    + ) +} \ No newline at end of file diff --git a/src/components/homes/home-online-academy/index.jsx b/src/components/homes/home-online-academy/index.jsx new file mode 100644 index 0000000..0ebdaf7 --- /dev/null +++ b/src/components/homes/home-online-academy/index.jsx @@ -0,0 +1,37 @@ +import React from 'react'; +import { Footer, Header } from '../../../layout'; +import Categories from './categories'; +import Courses from './courses'; +import HeroArea from './hero-area'; +import BrandArea from '../home/brand-area'; +import TeamArea from './team-area'; +import CounterArea from './counter-area'; +import FaqArea from './faq-area'; +import EventArea from '../home-university/event-area'; +import CtaArea from './cta-area'; +import BlogArea from './blog-area'; +import AdBanner from '../home-university/ad-banner'; + +const index = () => { + return ( +
    +
    +
    + + + + {/**/} + {/**/} + {/**/} + {/**/} + {/**/} + + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/homes/home-online-academy/team-area.jsx b/src/components/homes/home-online-academy/team-area.jsx new file mode 100644 index 0000000..d9b4ea8 --- /dev/null +++ b/src/components/homes/home-online-academy/team-area.jsx @@ -0,0 +1,31 @@ +import React from 'react'; +import { instructors_data } from '../../../data'; +import TeamTwo from "../../team-member/team-two"; + +const instructors = instructors_data.slice(0, 3); + +const TeamArea = ({ about_p }) => { + return ( +
    +
    +
    + Instructors +

    Course Instructors

    + +
    +
    + {instructors.slice(0,3).map((instructor) => { + return ( +
    + +
    + ) + })} +
    +
    +
    + ) +} + +export default TeamArea; \ No newline at end of file diff --git a/src/components/homes/home-university/about-area.jsx b/src/components/homes/home-university/about-area.jsx new file mode 100644 index 0000000..4e8ba3e --- /dev/null +++ b/src/components/homes/home-university/about-area.jsx @@ -0,0 +1,131 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const tabs = { + title:[ + { + active:true,target:'about-edu',title:'About FrontLine' + }, + { + target:'about-mission',title:'Our Mission' + }, + { + target:'about-vision',title:'Our Vision' + } + ], + content:[ + { + show:true, + id:'about-edu', + desc:"Magna aliquaenim minim veniam quis nostrud exercitation ullamco laborisLorem ipsum dolor sit amet consectetur adipisicing elit sed do eius tempor incididunt labore.", + feature_list: [ + 'Education award achived', + 'Available online courses' + ] + }, + { + id:'about-mission', + desc:"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa.", + feature_list:[ + 'Industry Expert Instructor', + 'Up-to-Date Course Content' + ] + }, + { + id:'about-vision', + desc:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exer.", + feature_list: [ + 'Online Remote Learning', + 'Lifetime Access For Learning' + ] + } + ] +} + +const AboutArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    + About Us +

    We Provide Best Education Services For You

    + + + +
    +
      + { + tabs.title.map((t,i) => ( +
    • + +
      • + )) + } +
    +
    + {tabs.content.map((item,i) => { const {desc,feature_list,id,show} = item; + return ( +
    +

    {desc}

    +
      {feature_list.map((l,i) =>
    • {l}
      • )}
    +
    + )}) + } +
    +
    +
    +
    +
    + About Image + About Image +
      + + Shape + + + Shape + + + Shape + +
    • + +
      • +
    +
    +
    +
    +
    +
      +
    • + Shape +
      • +
    • + +
      • +
    +
    + ) +} + +export default AboutArea; \ No newline at end of file diff --git a/src/components/homes/home-university/ad-banner.jsx b/src/components/homes/home-university/ad-banner.jsx new file mode 100644 index 0000000..9b25bbe --- /dev/null +++ b/src/components/homes/home-university/ad-banner.jsx @@ -0,0 +1,63 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const AdBanner = ({ home_4 }) => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    +

    Get Your Quality Skills Certificate Through FrontLine

    + + Get started now + + +
    +
    +
    +
      + + shape + + + shape + + + shape + + + shape + +
    +
    +
    +
    + ) +} + +export default AdBanner; \ No newline at end of file diff --git a/src/components/homes/home-university/brand-area.jsx b/src/components/homes/home-university/brand-area.jsx new file mode 100644 index 0000000..b59d4d7 --- /dev/null +++ b/src/components/homes/home-university/brand-area.jsx @@ -0,0 +1,28 @@ +import React from 'react'; + +const brands = [ + '/assets/images/brand/brand-01.png', + '/assets/images/brand/brand-02.png', + '/assets/images/brand/brand-03.png', + '/assets/images/brand/brand-04.png', + '/assets/images/brand/brand-05.png', + '/assets/images/brand/brand-06.png' +] + +const BrandArea = () => { + return ( +
    +
    +
    + { brands.map( ( img, i ) => ( +
    + Brand Logo +
    + ) ) } +
    +
    +
    + ) +} + +export default BrandArea; \ No newline at end of file diff --git a/src/components/homes/home-university/category-area.jsx b/src/components/homes/home-university/category-area.jsx new file mode 100644 index 0000000..6b57257 --- /dev/null +++ b/src/components/homes/home-university/category-area.jsx @@ -0,0 +1,47 @@ +import React from 'react'; +import { BookLibrary, ScholarshipFacility, SkilledLecturers } from '../../../svg'; + +const categories = [ + { + icon:, + title:'Scholarship Facility', + text:'Lorem ipsum dolor sit amet cont adipiscing elit.', + color:'color-primary-style' + }, + { + icon:, + title:'Skilled Lecturers', + text:'Lorem ipsum dolor sit amet cont adipiscing elit.', + color:'color-secondary-style' + }, + { + icon:, + title:'Book Library & Store', + text:'Lorem ipsum dolor sit amet cont adipiscing elit.', + color:'color-extra02-style' + } +] + +const CategoryArea = () => { + return ( +
    +
    +
    + {categories.map((c,i) => ( +
    +
    + {c.icon} +
    +
    +

    {c.title}

    +

    {c.text}

    +
    +
    + ))} +
    +
    +
    + ) +} + +export default CategoryArea; \ No newline at end of file diff --git a/src/components/homes/home-university/college-champus.jsx b/src/components/homes/home-university/college-champus.jsx new file mode 100644 index 0000000..b50164e --- /dev/null +++ b/src/components/homes/home-university/college-champus.jsx @@ -0,0 +1,128 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const features = [ + { + icon:'icon-37 watch-icon', + color:'color-secondary-style', + title:'Why we choose MERN!', + text:'Learning the MERN stack (MongoDB, Express.js, React, Node.js) offers several advantages for developers looking to enhance their skills in web development. ' + }, + { + icon:'icon-38 art-board-icon', + color:'color-primary-style', + title:' Full-Stack Development', + text:'The MERN stack allows you to build both front-end and back-end applications using JavaScript, streamlining the development process and enabling you to work across the entire stack.' + }, + { + icon:'icon-39 fitness-icon', + color:'color-extra05-style', + title:'RESTful API Development', + text:'Express.js makes it straightforward to create RESTful APIs, allowing for seamless communication between the front end and back end..' + } +] + +const CollegeCampus = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    +
    + Campus +
    +
    +
      + + + + + Shape + + + Shape + +
    +
    +
    +
    +
    +
    +
    + MERN +

    "Transform Ideas into Reality with MERN!"

    + + + +
    +
    + {features.map((item,i) => { + const {color,icon,text,title} = item; + return ( +
    +
    + +
    +
    +
    {title}
    +

    {text}

    +
    +
    + ) + })} +
    +
    +
      + + + + + + + + Shape + +
    +
    +
    +
    +
    +
    + ) +} + +export default CollegeCampus; \ No newline at end of file diff --git a/src/components/homes/home-university/courses-area.jsx b/src/components/homes/home-university/courses-area.jsx new file mode 100644 index 0000000..126e021 --- /dev/null +++ b/src/components/homes/home-university/courses-area.jsx @@ -0,0 +1,66 @@ +import React from 'react'; +import { useState } from 'react'; +import { course_data } from '../../../data'; +import CourseTypeSix from '../../course/course-type-six'; + +const courses = course_data.filter(course => course.university_courses); + +const CoursesArea = () => { + const [category, setCategory] = useState('undergraduate'); + const category_items = courses.filter(course => course.filter_category.includes(category)); + const [coursesItems, setCoursesItems] = useState(category_items); + const handleCategoryItems = (c) => { + setCategory(c) + const filtering_category_courses = courses.filter(course => course.filter_category.includes(c)); + setCoursesItems(filtering_category_courses) + } + + return ( +
    +
    +
    + Popular Courses +

    Academic Programs

    + +
    + +
    +
    + + + +
    + +
    + {coursesItems.map((course, _) => { + return ( +
    + +
    + ) + })} +
    +
    +
    + +
      +
    • + Shape + Shape +
      • +
    • + Shape + Shape +
      • +
    +
    + ) +} + +export default CoursesArea; \ No newline at end of file diff --git a/src/components/homes/home-university/cta.jsx b/src/components/homes/home-university/cta.jsx new file mode 100644 index 0000000..69969e6 --- /dev/null +++ b/src/components/homes/home-university/cta.jsx @@ -0,0 +1,35 @@ +import React from 'react'; + +const Cta = () => { + return ( +
    +
    +
    +
    +
    +
    +
    + Get In Touch: +

    + info@frontlinetraining.in +

    +
    +
    + or +
    +
    + Call Us Via: +

    + +91 97896 55455 +

    +
    +
    +
    +
    +
    +
    +
    + ) +} + +export default Cta; \ No newline at end of file diff --git a/src/components/homes/home-university/event-area.jsx b/src/components/homes/home-university/event-area.jsx new file mode 100644 index 0000000..b1c97fb --- /dev/null +++ b/src/components/homes/home-university/event-area.jsx @@ -0,0 +1,57 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; +import { event_data } from '../../../data'; +import EventItem from '../../event-grid/event-item'; + +const EventArea = ({ event_2 }) => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    + Events & News +

    Popular Events & News

    + +
    + +
    + {event_data.slice(0,3).map((event) => { + const { delay, id } = event; + return ( +
    +
    + +
    +
    + ) + })} +
    + +
    +
    The Latest Events from FrontLine. + View All + +
    +
    + +
      +
    • + Shape +
      • + + + +
    +
    +
    + ) +} + +export default EventArea; \ No newline at end of file diff --git a/src/components/homes/home-university/hero-slider.jsx b/src/components/homes/home-university/hero-slider.jsx new file mode 100644 index 0000000..11d17be --- /dev/null +++ b/src/components/homes/home-university/hero-slider.jsx @@ -0,0 +1,128 @@ +import { Swiper, SwiperSlide } from "swiper/react"; +import { Navigation, EffectFade, Autoplay } from "swiper"; +import { useEffect, useState } from "react"; +import Link from "next/link"; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const slider_data = [ + { + id: 1, + src: '/assets/images/bg/bg01.jpg', + subtitle: '"Master the MERN Stack: Build Dynamic Web Applications"', + title: '"Learn, Build, and Scale with MongoDB, Express.js, React, and Node.js"', + sm_text: 'Whether you re a beginner or an experienced developer, our resources will help you master MERN and unleash your potential.', + btn_text: 'Find courses' + }, + { + id: 2, + src: '/assets/images/bg/bg02.jpg', + subtitle: '"Master the MERN Stack: Build Dynamic Web Applications"', + title: '"Learn, Build, and Scale with MongoDB, Express.js, React, and Node.js"', + sm_text: 'Whether you re a beginner or an experienced developer, our resources will help you master MERN and unleash your potential.', + btn_text: 'Find courses' + }, + { + id: 3, + src: '/assets/images/bg/bg03.webp', + subtitle: '"Master the MERN Stack: Build Dynamic Web Applications"', + title: '"Learn, Build, and Scale with MongoDB, Express.js, React, and Node.js"', + sm_text: 'Whether you re a beginner or an experienced developer, our resources will help you master MERN and unleash your potential.', + btn_text: 'Find courses' + } +]; + +const HeroSlider = () => { + const [loop, setLoop] = useState(false); + useEffect(() => setLoop(true), []) + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    + + {slider_data.map((item) => { + const { btn_text, id, sm_text, src, subtitle, title } = item; + return ( + + image +
    +
    +
    +
    +
    + {subtitle} +

    + {title} +

    +

    {sm_text}

    +
    + + {btn_text} + +
    +
    +
    +
    +
    +
    +     + ) + })} + +
    +
    + +
    +
    + +
    +
    +     + +
      + + Shape + + + Shape + +
    • + Shape +
      • +
    +
    + ) +} + +export default HeroSlider; \ No newline at end of file diff --git a/src/components/homes/home-university/index.jsx b/src/components/homes/home-university/index.jsx new file mode 100644 index 0000000..5510fa5 --- /dev/null +++ b/src/components/homes/home-university/index.jsx @@ -0,0 +1,39 @@ +import React from 'react'; +import { Footer, Header } from '../../../layout'; +import CounterArea from '../home-distant-learning/counter-area'; +import AboutArea from './about-area'; +import AdBanner from './ad-banner'; +import BrandArea from './brand-area'; +import CategoryArea from './category-area'; +import CollegeCampus from './college-champus'; +import CoursesArea from './courses-area'; +import Cta from './cta'; +import EventArea from './event-area'; +import HeroSlider from './hero-slider'; +import Testimonial from './testimonial'; +import VideoArea from './video-area'; + +const index = () => { + return ( +
    +
    +
    + + + + + {/**/} + + + {/**/} + + {/**/} + {/**/} + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/homes/home-university/testimonial.jsx b/src/components/homes/home-university/testimonial.jsx new file mode 100644 index 0000000..4d9512a --- /dev/null +++ b/src/components/homes/home-university/testimonial.jsx @@ -0,0 +1,148 @@ +import React, { useEffect, useState } from 'react'; +import { Swiper, SwiperSlide } from "swiper/react"; +import { Autoplay,Pagination } from "swiper"; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const contents = { + pre_title: 'Testimonials', + title: <>What Our Students
    Have To Say, + desc: "Real Experiences, Real Results.", + testimonial_items: [ + { + //logo: '/assets/images/testimonial/logo-01.png', + desc: " I now have the skills and confidence to pursue a career in web development. I've even landed an internship where I can continue to grow and learn in a professional setting.", + ratings: [1, 2, 3, 4, 5], + img: "/assets/images/testimonial/test-01.jpg", + name: "Ray Sanchez", + title: 'Student' + }, + { + //logo: '/assets/images/testimonial/logo-02.png', + desc: "Best training in core concepts, curriculum is well-structured, covering everything from the basics to advanced topics, and the support for beginners is great.", + ratings: [1, 2, 3, 4, 5], + img: "/assets/images/testimonial/test-02.jpg", + name: "Vijay", + title: 'Student' + }, + { + //logo: '/assets/images/testimonial/logo-03.png', + desc: "Took fasttrack training for MERN and got trained for 30 days. Mongodb and Node with express was easy but React was very hard for me but they explained multiple times with hands on project.", + ratings: [1, 2, 3, 4, 5], + img: "/assets/images/testimonial/test-03.jpg", + name: "Riju Ambrose", + title: 'Developer' + }, + { + //logo: '/assets/images/testimonial/logo-02.png', + desc: "They trained me to design App and posted on sites like behance and dribble, I was often contacted about where I took training. Got impressive response too. Ill give five star ratine for teaching.", + ratings: [1, 2, 3, 4, 5], + img: "/assets/images/testimonial/test-04.jpg", + name: "Geetha", + title: 'Client' + } + ] +} + +const { desc, pre_title, testimonial_items, title } = contents; + +const Testimonial = ( { about_p_2 } ) => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + const [loop, setLoop] = useState( false ); + useEffect( () => setLoop(true), []) + return ( +
    +
    +
    +
    +
    + {pre_title} +

    {title}

    + +

    {desc}

    +
    +
    +
    + + {testimonial_items.map((item, i) => { + const { desc, img, logo, name, ratings, title } = item; + return ( + +
    +
    + {/*
    Logo
    */} +

    {desc}

    +
    + {ratings.map((r) => )} +
    +
    +
    +
    + Testimonial +
    +
    +
    {name}
    + {title} +
    +
    +
    +     + ) + })} +     +
    + +
      + + Shape + + + Shape + +
    +
    +
      +
    • + Shape + Shape +
      • +
    +
    + ) +} + +export default Testimonial; \ No newline at end of file diff --git a/src/components/homes/home-university/video-area.jsx b/src/components/homes/home-university/video-area.jsx new file mode 100644 index 0000000..709b328 --- /dev/null +++ b/src/components/homes/home-university/video-area.jsx @@ -0,0 +1,33 @@ +import React from 'react'; +import useModal from '../../../hooks/use-modal'; +import VideoModal from '../../common/popup-modal/video-modal'; + +const VideoArea = () => { + const { isVideoOpen, setIsVideoOpen } = useModal(); + return ( + +
    +
    +
    +
    +
    +
    + +
    +

    Take a Video Tour to Learn Intro of Campus.

    +
    +
    +
    +
    +
    + {/* video modal start */} + + {/* video modal end */} +     + ) +} + +export default VideoArea; \ No newline at end of file diff --git a/src/components/homes/home-yoga-instructor/about-area.jsx b/src/components/homes/home-yoga-instructor/about-area.jsx new file mode 100644 index 0000000..1943f50 --- /dev/null +++ b/src/components/homes/home-yoga-instructor/about-area.jsx @@ -0,0 +1,56 @@ +import Link from 'next/link'; +import React from 'react'; + +const lists = [ + //'Cooking award achived', + 'Available online courses', + 'Online Certification' +]; + +const AboutArea = () => { + return ( +
    +
    +
    + About +

    "Decode Data,
    Drive Decisions: Enroll Today!"

    +
    +
    +
    +
    + About Image +
      +
    • + Shape +
      • +
    • + Shape +
      • +
    +
    +
    +
    +
    +

    Data analysis is a critical process that involves systematically examining data to draw meaningful insights and inform decision-making.

    +

    It can be applied across various fields, including business, healthcare, finance, and social sciences.

    +
      + {lists.map((l, i) =>
    • {l}
      • )} +
    + + Get Start Today + +
    +
    +
    +
    +
      +
    • + Shape + Shape +
      • +
    +
    + ) +} + +export default AboutArea; \ No newline at end of file diff --git a/src/components/homes/home-yoga-instructor/counter-area.jsx b/src/components/homes/home-yoga-instructor/counter-area.jsx new file mode 100644 index 0000000..82a9733 --- /dev/null +++ b/src/components/homes/home-yoga-instructor/counter-area.jsx @@ -0,0 +1,37 @@ +import React from 'react'; +import Counter from '../../common/counter'; + +const counter_data = [ + { icon: 'icon-77', count: 29.3, text: 'K', title: 'Student Enrolled', decimal: 1 }, + { icon: 'icon-78', count: 32.4, text: 'K', title: 'Class Completed', decimal: 1 }, + { icon: 'icon-79', count: 100, text: '%', title: 'Satisfaction Rate' }, + { icon: 'icon-80', count: 354, text: '+', title: 'Top Instructors' } +] + +const CounterArea = () => { + return ( +
    +
    +
    + {counter_data.map((count, i) => ( +
    +
    +
    + +
    +

    + + + +

    +
    {count.title}
    +
    +
    + ))} +
    +
    +
    + ) +} + +export default CounterArea; \ No newline at end of file diff --git a/src/components/homes/home-yoga-instructor/course-area.jsx b/src/components/homes/home-yoga-instructor/course-area.jsx new file mode 100644 index 0000000..ee2c5cb --- /dev/null +++ b/src/components/homes/home-yoga-instructor/course-area.jsx @@ -0,0 +1,60 @@ +import React, { useEffect, useState } from 'react'; +import { Swiper, SwiperSlide } from "swiper/react"; +import { Autoplay, Pagination } from "swiper"; +import { course_data } from '../../../data'; +import CourseTypeTwo from '../../course/course-type-two'; + +const course_items = course_data.filter(course => course.yoga_course); + +const CourseArea = () => { + const [loop, setLoop] = useState(false); + useEffect(() => setLoop(true), []) + return ( +
    +
    +
    + Popular Courses +

    Pick A Course To Get Started

    + +
    + + {course_items.slice(0,4).map((course) => { + const { id, img, level, title, course_price, lesson, student } = course; + return ( + + + + ) + })} + +
    +
    +
    + ) +} + +export default CourseArea; \ No newline at end of file diff --git a/src/components/homes/home-yoga-instructor/hero-area.jsx b/src/components/homes/home-yoga-instructor/hero-area.jsx new file mode 100644 index 0000000..3999298 --- /dev/null +++ b/src/components/homes/home-yoga-instructor/hero-area.jsx @@ -0,0 +1,76 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const HeroArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +

    Empowering Decisions with Data.

    +

    Transforming Data into Insights for Smarter Decisions.

    +
    + + Find courses + +
    +
    +
    +
    +
    +
    + Yoga Image +
    +
      +
    • + Shape +
      • +
    • + Shape +
      • +
    • + Shape +
      • +
    • + Shape +
      • +
    +
    +
    +
    +
    +
      + + Shape + + + Shape + + + Shape + +
    +
    + ) +} + +export default HeroArea; \ No newline at end of file diff --git a/src/components/homes/home-yoga-instructor/index.jsx b/src/components/homes/home-yoga-instructor/index.jsx new file mode 100644 index 0000000..ab60555 --- /dev/null +++ b/src/components/homes/home-yoga-instructor/index.jsx @@ -0,0 +1,33 @@ +import React from 'react'; +import { FooterFour, Header } from '../../../layout'; +import AboutArea from './about-area'; +import CounterArea from './counter-area'; +import CourseArea from './course-area'; +import HeroArea from './hero-area'; +import InstagramArea from './instagram-area'; +import TeamArea from './team-area'; +import TestimonialArea from './testimonial-area'; +import VideoArea from './video-area'; +import WhyChose from './why-chose'; + +const index = () => { + return ( +
    +
    +
    + + + + {/**/} + + + + {/**/} + {/**/} + +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/homes/home-yoga-instructor/instagram-area.jsx b/src/components/homes/home-yoga-instructor/instagram-area.jsx new file mode 100644 index 0000000..bf20f33 --- /dev/null +++ b/src/components/homes/home-yoga-instructor/instagram-area.jsx @@ -0,0 +1,26 @@ +import React from 'react'; +import SingleInstagram from '../../common/single-instagram'; + +const InstagramArea = () => { + return ( +
    +
    +
    + Instructors +

    Follow Me On Instagram

    + +
    +
    + + + + + + +
    +
    +
    + ) +} + +export default InstagramArea; \ No newline at end of file diff --git a/src/components/homes/home-yoga-instructor/team-area.jsx b/src/components/homes/home-yoga-instructor/team-area.jsx new file mode 100644 index 0000000..2b68f22 --- /dev/null +++ b/src/components/homes/home-yoga-instructor/team-area.jsx @@ -0,0 +1,59 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; +import { yoga_instructor } from '../../../data/instructors.js'; +import TeamFour from "../../team-member/team-four"; + +const TeamArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    + Instructors +

    Course Instructors

    + +
    +
    + {yoga_instructor.slice(0,3).map((instructor) => ( +
    + +
    + ))} +
    +
    +
      + + + Shape + + + + + Shape + + + + Shape + +
    +
    + ) +}; + +export default TeamArea; \ No newline at end of file diff --git a/src/components/homes/home-yoga-instructor/testimonial-area.jsx b/src/components/homes/home-yoga-instructor/testimonial-area.jsx new file mode 100644 index 0000000..e17f1d7 --- /dev/null +++ b/src/components/homes/home-yoga-instructor/testimonial-area.jsx @@ -0,0 +1,128 @@ +import React, { useEffect, useState } from 'react'; +import { Swiper, SwiperSlide } from 'swiper/react'; +import { Autoplay, Navigation } from 'swiper'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const testimonial_contents = { + pre_title: 'Testimonials', + title: 'What Our Students Have To Say', + sm_text: 'Lorem ipsum dolor sit amet consectur adipiscing elit sed eiusmod tempor incididunt labore dolore magna aliquaenim ad minim.', + testimonials: [ + { + img: '/assets/images/testimonial/testimonial-01.png', + desc: 'Lorem ipsum dolor amet consec tur elit adicing sed do usmod zx tempor enim minim veniam quis nostrud exer citation.', + ratings: [1, 2, 3, 4, 5], + name: 'Ray Sanchez', + title: 'Student' + }, + { + img: '/assets/images/testimonial/testimonial-02.png', + desc: 'I want to remind you that as designers. Let’s design with intention, inspire others, and make the internet a more beautiful. Embrace your journey : the best is yet to come..', + ratings: [1, 2, 3, 4, 5], + name: 'Amber Page', + title: 'Designer' + }, + { + img: '/assets/images/testimonial/testimonial-03.png', + desc: 'Lorem ipsum dolor amet consec tur elit adicing sed do usmod zx tempor enim minim veniam quis nostrud exer citation.', + ratings: [1, 2, 3, 4, 5], + name: 'Sara Taylor', + title: 'Developer' + } + ] +} + +const { pre_title, sm_text, testimonials, title } = testimonial_contents; + +const TestimonialArea = () => { + const [loop, setLoop] = useState(false); + useEffect(() => setLoop(true), []) + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    + {pre_title} +

    {title}

    + +

    {sm_text}

    +
    +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    + + {testimonials.map((item, i) => { + const { desc, img, name, ratings, title } = item; + return ( + +
    +
    + Testimonial +
    +
    +

    {desc}

    +
    + {ratings.map(r => )} +
    +
    {name}
    + {title} +
    +
    +     + ) + })} +     +
    +
    +
    +
      + + Shape + +
    • + Shape +
      • +
    +
    + ) +} + +export default TestimonialArea; \ No newline at end of file diff --git a/src/components/homes/home-yoga-instructor/video-area.jsx b/src/components/homes/home-yoga-instructor/video-area.jsx new file mode 100644 index 0000000..ce11e3d --- /dev/null +++ b/src/components/homes/home-yoga-instructor/video-area.jsx @@ -0,0 +1,43 @@ +import React from 'react'; +import useModal from '../../../hooks/use-modal'; +import VideoModal from '../../common/popup-modal/video-modal'; + +const VideoArea = () => { + const { isVideoOpen, setIsVideoOpen } = useModal(); + return ( + <> +
    +
    +
    +
    +
    +
    + Thumb + +
    +
      +
    • + Shape +
      • +
    • + Shape +
      • +
    • + Shape +
      • +
    +
    +
    +
    +
    +
    + {/* video modal start */} + + {/* video modal end */} + + ) +} + +export default VideoArea; \ No newline at end of file diff --git a/src/components/homes/home-yoga-instructor/why-chose.jsx b/src/components/homes/home-yoga-instructor/why-chose.jsx new file mode 100644 index 0000000..c87633d --- /dev/null +++ b/src/components/homes/home-yoga-instructor/why-chose.jsx @@ -0,0 +1,84 @@ +import React from 'react'; +import { motion, useScroll, useTransform } from 'framer-motion'; + +const features = [ + { + color:'color-secondary-style', + icon:'icon-81', + title:'Exclusive Program', + text:' This immersive training combines expert-led instruction, hands-on projects, and personalized mentorship to ensure you master data analysis skills.' + }, + { + color:'color-primary-style', + icon:'icon-82', + title:'Online Training', + text:'Mastering Data Analysis: From Basics to Advanced Techniques' + } + //{ + // color:'color-extra05-style', + // icon:'icon-83', + // title:'Individual Care', + // text:'Incididunt ut labore et dolore magna aliqua. Ut enim ad minim.' + //} +]; + +const WhyChose = () => { + const { scrollYProgress } = useScroll(); + const y = useTransform(scrollYProgress, [0, 1], [0, -80]); + return ( +
    +
    +
    +
    +
    +
    + Hey +

    Why Choose Data Analysis

    + +

    The demand for skilled data analysts is growing across industries, leading to numerous job opportunities and competitive salaries.

    +
    +
    + {features.map((item,i) => { + const {color,icon,text,title} = item; + return ( +
    +
    + +
    +
    +
    {title}
    +

    {text}

    +
    +
    + ) + })} +
    +
    +
    +
    +
    +
    +
    + Why Choose +
    + + Why Choose + +
    +
      +
    • + Shape Images +
      • +
    • + Shape Images +
      • +
    +
    +
    +
    +
    +
    + ) +} + +export default WhyChose; \ No newline at end of file diff --git a/src/components/homes/home/about-area.jsx b/src/components/homes/home/about-area.jsx new file mode 100644 index 0000000..a56fb08 --- /dev/null +++ b/src/components/homes/home/about-area.jsx @@ -0,0 +1,106 @@ +import useModal from '../../../hooks/use-modal'; +import VideoModal from '../../common/popup-modal/video-modal'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const features_list = ['Expert Trainers','Online Remote Learning','Lifetime Access'] + +const AboutArea = () => { + const { isVideoOpen, setIsVideoOpen } = useModal(); + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( + <> +
    +
    +
    +
    +
    + About Image +
    +
    +
    + About Image + +
    +
    + + +
    +
    +
    +
    +
    +
    + +
    +
    +
    10+
    + Wonderful Awards +
    +
    +
    +
      + + Shape + + + Shape + + + Shape + +
    +
    +
    +
    +
    +
    + About Us +

    Learn & Grow Your Skills From Anywhere

    + +

    Frontline Training, offers industry focused courses in Full Stack Development, Data Science, Artificial Intelligence and Machine Learning, Ethical Hacking, Cloud Computing, and UI/UX Design to equip you with cutting-edge skills for a successful tech career.

    +
    +
      + {features_list.map((l,i) =>
    • {l}
      • )} +
    +
    +
    +
    +
      + + + +
    +
    +
    + + {/* video modal start */} + + {/* video modal end */} + + ); +}; + +export default AboutArea; \ No newline at end of file diff --git a/src/components/homes/home/ad-banner.jsx b/src/components/homes/home/ad-banner.jsx new file mode 100644 index 0000000..d2cbfd9 --- /dev/null +++ b/src/components/homes/home/ad-banner.jsx @@ -0,0 +1,62 @@ +import Link from 'next/link'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const AdBanner = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    +

    Get Your Quality Skills Certificate Through FrontLine

    + + Get started now + + +
    +
    +
    +
      + + shape + + + shape + + + shape + + + shape + +
    +
    +
    +
    + ) +} + +export default AdBanner; \ No newline at end of file diff --git a/src/components/homes/home/blog-area.jsx b/src/components/homes/home/blog-area.jsx new file mode 100644 index 0000000..dcef203 --- /dev/null +++ b/src/components/homes/home/blog-area.jsx @@ -0,0 +1,57 @@ +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; +import { blog_data } from '../../../data'; +import BlogPostOne from '../../blog-post/blog-post-one'; + +const BlogArea = ({ style_2 }) => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + const blogItems = blog_data.filter(b => b.home_1); + return ( +
    +
    +
    + Latest Articles +

    Get News with FrontLine

    + + + +
    +
    + {blogItems.map((blogItem, i) => ( +
    + +
    + ))} +
    +
    +
      + + Shape + + + + + + Shape + +
    +
    + ) +} + +export default BlogArea; \ No newline at end of file diff --git a/src/components/homes/home/brand-area.jsx b/src/components/homes/home/brand-area.jsx new file mode 100644 index 0000000..fc9edf7 --- /dev/null +++ b/src/components/homes/home/brand-area.jsx @@ -0,0 +1,49 @@ +const brand_contents = { + pre_title: 'Our Partners', + title: 'Learn with Our Partners', + text: 'Partners with universities and organizations to offer courses and specializations in various programming languages and technologies..', + brands: [ + 'assets/images/brand/log-1.jpg', + 'assets/images/brand/log-2.jpg', + 'assets/images/brand/log-3.jpg', + 'assets/images/brand/log-4.jpg', + 'assets/images/brand/log-5.jpg', + 'assets/images/brand/log-6.jpg', + 'assets/images/brand/log-7.jpg', + 'assets/images/brand/log-8.jpg' + ] +} + +const { pre_title, title, text, brands } = brand_contents; + +const BrandArea = () => { + return ( +
    +
    +
    +
    +
    +
    + {pre_title} +

    {title}

    + +

    {text}

    +
    +
    +
    +
    +
    + {brands.map((b, i) => ( +
    + Brand Logo +
    + ))} +
    +
    +
    +
    +
    + ) +} + +export default BrandArea; \ No newline at end of file diff --git a/src/components/homes/home/category-area.jsx b/src/components/homes/home/category-area.jsx new file mode 100644 index 0000000..58a4798 --- /dev/null +++ b/src/components/homes/home/category-area.jsx @@ -0,0 +1,31 @@ +import { Certificate, Instructor, OnlineClass, User } from '../../../svg'; + +const category_contents = [ + { icon: , title: '30', subtitle: 'Online Courses' }, + { icon: , title: 'Top', subtitle: 'Instructors' }, + { icon: , title: 'Online', subtitle: 'Certifications' }, + { icon: , title: '60+', subtitle: 'Members' }, +] + +const CategoryArea = () => { + return ( +
    +
    +
    + {category_contents.map((category, i) => ( +
    +
    + {category.icon} +
    +
    +
    {category.title}{category.subtitle}
    +
    +
    + ))} +
    +
    +
    + ) +} + +export default CategoryArea; \ No newline at end of file diff --git a/src/components/homes/home/counter-box.jsx b/src/components/homes/home/counter-box.jsx new file mode 100644 index 0000000..e22c4d7 --- /dev/null +++ b/src/components/homes/home/counter-box.jsx @@ -0,0 +1,42 @@ +import React from 'react'; +import Counter from '../../common/counter'; + +const counter_data = [ + {color:'primary-color',number:45.2,text:'K',title:'Student Enrolled',decimal: 1}, + {color:'secondary-color',number:32.4,text:'K',title:'Class Completed',decimal: 1}, + {color:'extra05-color',number:354,text:'+',title:'Top Instructors'}, + {color:'extra02-color',number:100,text:'%',title:'Satisfaction Rate'}, +]; + +const CounterBox = () => { + return ( + <> +
    + { counter_data.slice(0,2).map( ( c,i ) => ( +
    +

    + + + +

    +
    {c.title}
    +
    + ) ) } +
    +
    + { counter_data.slice(2,4).map( ( c,i ) => ( +
    +

    + + + +

    +
    {c.title}
    +
    + ) ) } +
    + + ) +} + +export default CounterBox; \ No newline at end of file diff --git a/src/components/homes/home/counter-up-area.jsx b/src/components/homes/home/counter-up-area.jsx new file mode 100644 index 0000000..418d654 --- /dev/null +++ b/src/components/homes/home/counter-up-area.jsx @@ -0,0 +1,51 @@ +import CounterBox from "./counter-box"; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const CounterUpArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    + +
      + + Shape + + + Shape + + + Shape + + + Shape + +
    +
    +
    +
    +
    +
    + ) +} + +export default CounterUpArea; \ No newline at end of file diff --git a/src/components/homes/home/course-area.jsx b/src/components/homes/home/course-area.jsx new file mode 100644 index 0000000..3660964 --- /dev/null +++ b/src/components/homes/home/course-area.jsx @@ -0,0 +1,34 @@ +import Link from "next/link"; +import { course_data } from "../../../data"; +import CourseTypeOne from '../../course/course-type-one'; + +const CourseArea = () => { + return ( +
    +
    +
    + Popular Courses +

    Pick A Course To Get Started

    + +
    +
    + {course_data.slice(0,4).map((course) => { + return ( +
    + +
    + ) + })} +
    + +
    +
    + ) +} + +export default CourseArea; \ No newline at end of file diff --git a/src/components/homes/home/cta-area.jsx b/src/components/homes/home/cta-area.jsx new file mode 100644 index 0000000..ff5e6a0 --- /dev/null +++ b/src/components/homes/home/cta-area.jsx @@ -0,0 +1,64 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const CtaArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    +
    + Get In Touch: +

    + info@frontlinetraining.in +

    +
    +
    + or +
    +
    + Call Us Via: +

    + +91 97896 55455 +

    +
    +
    +
      + + shape + + + shape + + + shape + +
    +
    +
    +
    +
    +
    + ) +} + +export default CtaArea; \ No newline at end of file diff --git a/src/components/homes/home/hero-area.jsx b/src/components/homes/home/hero-area.jsx new file mode 100644 index 0000000..5923a80 --- /dev/null +++ b/src/components/homes/home/hero-area.jsx @@ -0,0 +1,103 @@ +import Link from 'next/link'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../../contexts/mouse-move-context'; + +const HeroArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +

    Get 250+
    Best Online Courses From Frontline

    +

    Our software expertise drives business success. Explore seamless technology solutions with us today.

    +
    + + Find courses + +
    +
      + + Shape + +
    +
    +
    +
    +
    +
    + Girl Image +
    +
    +
    +
    Instructor
    +
    +
    + Images +
    +
    + 200+ Instructors +
    +
    +
    +
    +
      +
    • + Shape +
      • + + Shape + + + + + + +
    • + {/* Shape */} +
      • + + Shape + + + Shape + +
    +
    +
    +
    +
    +
    + Shape +
    +
    + ) +} + +export default HeroArea; \ No newline at end of file diff --git a/src/components/homes/home/index.jsx b/src/components/homes/home/index.jsx new file mode 100644 index 0000000..49d778e --- /dev/null +++ b/src/components/homes/home/index.jsx @@ -0,0 +1,39 @@ +import React from 'react'; +import { Footer, Header } from '../../../layout'; +import AboutArea from './about-area'; +import AdBanner from './ad-banner'; +import BlogArea from './blog-area'; +import BrandArea from './brand-area'; +import CategoryArea from './category-area'; +import CounterUpArea from './counter-up-area'; +import CourseArea from './course-area'; +import CtaArea from './cta-area'; +import HeroArea from './hero-area'; +import TeamArea from './team-area'; +import TestimonialArea from './testimonial-area'; +import TopCategories from './top-categories'; + +const index = () => { + return ( +
    +
    +
    + + + + + {/**/} + + + + {/* */} + + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/homes/home/team-area.jsx b/src/components/homes/home/team-area.jsx new file mode 100644 index 0000000..29b9da4 --- /dev/null +++ b/src/components/homes/home/team-area.jsx @@ -0,0 +1,25 @@ +import { instructors_data } from "../../../data"; +import TeamOne from "../../team-member/team-one"; + +const TeamArea = () => { + return ( +
    +
    +
    + Instructors +

    Course Instructors

    + +
    +
    + {instructors_data.slice(0,4).map((instructor) => ( +
    + +
    + ))} +
    +
    +
    + ) +} + +export default TeamArea; \ No newline at end of file diff --git a/src/components/homes/home/testimonial-area.jsx b/src/components/homes/home/testimonial-area.jsx new file mode 100644 index 0000000..42e9077 --- /dev/null +++ b/src/components/homes/home/testimonial-area.jsx @@ -0,0 +1,121 @@ +import { Swiper, SwiperSlide } from "swiper/react"; +import { Autoplay } from "swiper"; +import { useEffect, useState } from "react"; + +const testimonial_data = [ + { + img: '/assets/images/testimonial/test-01.jpg', + desc: 'The software company in Karu. Cutting-edge web design and impressive performance of their hosting set it apart.', + ratings: <> + + + + + , + name: 'Ganam Athi', + title: 'Client' + }, + { + img: '/assets/images/testimonial/test-02.jpg', + desc: 'Impressive CMS development . I got to know about their initiative to make available content management system.', + ratings: <> + + + + + + , + name: 'Chitra', + title: 'Designer' + }, + { + img: '/assets/images/testimonial/test-03.jpg', + desc: 'Frontline Tech has earned our trust as a dependable long-term IT partner. Reliable and mutually progressive.', + ratings: <> + + + + + + + , + name: 'Sneha', + title: 'Developer' + }, + { + img: '/assets/images/testimonial/test-04.jpg', + desc: 'Awesome software development company.They have created many javascript libraries that I using my projects.', + ratings: <> + + + + + + , + name: 'Brijesh Mohanraj', + title: 'Developer' + } +] + +export default function TestimonialArea() { + const [loop,setLoop] = useState(false); + useEffect(() => setLoop(true) ,[]) + return ( +
    +
    +
    +
    +
    +
    + Testimonials +

    What Our Clients Have To Say

    + +

    The art of “Communicating with Computers” is called coding, It allows us to be able to communicate with computers, and make them do what we want them to. One of the most exciting aspects of learning to code is the potential to bring your ideas to life and that’s how popular games, software, apps, web apps, and various other algorithms are built.

    + View All +
    +
    +
    +
    + + {testimonial_data.map((testi, i) => ( + +
    +
    + Testimonial + +
    +
    +

    {testi.desc}

    +
    + {testi.ratings} +
    +
    {testi.name}
    + {testi.title} +
    +
    +     + ))} +     +
    +
    +
    +
    + ) +} diff --git a/src/components/homes/home/top-categories.jsx b/src/components/homes/home/top-categories.jsx new file mode 100644 index 0000000..2a76098 --- /dev/null +++ b/src/components/homes/home/top-categories.jsx @@ -0,0 +1,110 @@ +import Link from 'next/link'; + +const category_contents = { + title: 'Top Categories', + text: 'Explore Our Top Categories for Comprehensive Learning', + category_items: [ + { + delay: '50', + color: 'color-primary-style', + icon: 'icon-9', + title: 'AI / ML ', + link: 'ai-ml' + }, + { + delay: '100', + color: 'color-secondary-style', + icon: 'icon-10 art-design', + title: 'Web Design', + link: 'web-dev' + }, + { + delay: '150', + color: 'color-extra01-style', + icon: 'icon-11 personal-development', + title: 'Interview Training', + link: 'contact-me' + }, + { + delay: '50', + color: 'color-tertiary-style', + icon: 'icon-12 health-fitness', + title: 'UI/UX Training', + link: 'ui-ux' + }, + { + delay: '100', + color: 'color-extra02-style', + icon: 'icon-13 data-science', + title: 'Data Science', + link: 'data-analysis' + }, + { + + delay: '150', + color: 'color-extra03-style', + icon: 'icon-14', + title: 'Digital Marketing', + link: 'digital-marketing' + }, + { + delay: '50', + color: 'color-extra04-style', + icon: 'icon-15', + title: 'Programming Training', + link: 'contact-me' + }, + { + delay: '100', + color: 'color-extra05-style', + icon: 'icon-16 computer-science', + title: 'Ethical Hacking', + link: 'ethical-hacking' + + }, + { + delay: '150', + color: 'color-extra06-style', + icon: 'icon-17 video-photography', + title: 'Mobile App Development', + link: 'mob-dev' + } + ] +} + +const { title, text, category_items } = category_contents; + +const TopCategories = () => { + return ( +
    +
    +
    +

    {title}

    + +

    {text}

    +
    + +
    + {category_items.map((item, i) => ( +
    +
    +
    + +
    + +
    +
    + ))} +
    +
    +
    + ) +} + +export default TopCategories; \ No newline at end of file diff --git a/src/components/landing-demo/counter-up-area.jsx b/src/components/landing-demo/counter-up-area.jsx new file mode 100644 index 0000000..503729f --- /dev/null +++ b/src/components/landing-demo/counter-up-area.jsx @@ -0,0 +1,47 @@ +import React from 'react'; +import Counter from '../common/counter'; + +const CounterUpArea = () => { + return ( +
    +
    +
    +
    +
    +
    +

    + + + +

    + Home Pages +
    +
    +
    +
    +

    + + + +

    + Inner Pages +
    +
    +
    +
    +

    + + + +

    + UI Elements +
    +
    +
    +
    +
    +
    + ) +} + +export default CounterUpArea; \ No newline at end of file diff --git a/src/components/landing-demo/course-demo.jsx b/src/components/landing-demo/course-demo.jsx new file mode 100644 index 0000000..706590f --- /dev/null +++ b/src/components/landing-demo/course-demo.jsx @@ -0,0 +1,63 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../contexts/mouse-move-context'; + +const CourseDemo = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    + 7+ + +

    Responsive Course Layouts

    +

    Multiple choices for getting learners impressed with course grids & layouts

    +
    +
    + +
    +
    +
    + +
      + + Shape + + + Shape + + + Shape + +
    • + Shape +
      • + + + +
    +
    + ) +} + +export default CourseDemo; \ No newline at end of file diff --git a/src/components/landing-demo/features.jsx b/src/components/landing-demo/features.jsx new file mode 100644 index 0000000..10d6295 --- /dev/null +++ b/src/components/landing-demo/features.jsx @@ -0,0 +1,168 @@ +import React from 'react' + +const Features = () => { + return ( +
    +
    +
    + TEMPLATE FEATURES +

    Get Access to Exclusive
    Features

    +
    +
    +
    +
    +
    +
    + Preview Images +
    +
    Bootstrap 5
    Framework
    +
    +
    +
    +
    +
    +
    +
    + Preview Images +
    +
    W3C
    Validation
    +
    +
    +
    +
    +
    +
    +
    + Preview Images +
    +
    Swiper
    Touch Slider
    +
    +
    +
    +
    +
    +
    +
    + Preview Images +
    +
    Speed
    Performance
    +
    +
    +
    +
    +
    +
    +
    + Preview Images +
    +
    Mouse-Move
    Effect
    +
    +
    +
    +
    +
    +
    +
    + Preview Images +
    +
    Google Web
    Fonts
    +
    +
    +
    +
    +
    +
    +
    + Preview Images +
    +
    Fully Responsive
    Layouts
    +
    +
    +
    +
    +
    +
    +
    + Preview Images +
    +
    Well
    Documented
    +
    +
    +
    +
    +
    +
    +
    + Preview Images +
    +
    Magnific
    Popup
    +
    +
    +
    +
    +
    +
    +
    + Preview Images +
    +
    Translation
    Ready
    +
    +
    +
    +
    +
    +
    +
    + Preview Images +
    +
    Fast 5 Star
    Support
    +
    +
    +
    +
    +
    +
    +
    + Preview Images +
    +
    Lifetime
    Update
    +
    +
    +
    +
    +
    +
    +
    + Preview Images +
    +
    Browser
    Compatibility
    +
    +
    +
    +
    +
    +
    +
    + Preview Images +
    +
    Parallax
    Effect
    +
    +
    +
    +
    +
    +
    +
    + Preview Images +
    +
    Developer
    Friendly
    +
    +
    +
    +
    +
    +
    + ) +} + +export default Features; \ No newline at end of file diff --git a/src/components/landing-demo/footer.jsx b/src/components/landing-demo/footer.jsx new file mode 100644 index 0000000..dabc93d --- /dev/null +++ b/src/components/landing-demo/footer.jsx @@ -0,0 +1,56 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../contexts/mouse-move-context'; + +const Footer = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    + Great Solutions for Smart People +

    Create Your Education Website
    Today with FrontLine

    + +
    +
    + +
      + + shape + + +
    • + shape +
      • + + + shape + + + + + +
    +
    + ) +} + +export default Footer; \ No newline at end of file diff --git a/src/components/landing-demo/header.jsx b/src/components/landing-demo/header.jsx new file mode 100644 index 0000000..d77d5b7 --- /dev/null +++ b/src/components/landing-demo/header.jsx @@ -0,0 +1,105 @@ +import React, { useState } from 'react'; +import Link from 'next/link'; +import useSticky from '../../hooks/use-sticky'; +import ResponsiveMenu from './responsive-menu'; + +const Header = () => { + const { sticky } = useSticky(); + const [isOpen, setIsOpen] = useState(false); + return ( + <> +
    +
    +
    +
    +
    +
    +
    + + + Corporate Logo + Corporate Logo + + +
    +
    +
    + +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    + + + Corporate Logo + Corporate Logo + + +
    +
    + +
    +
    + +
    +
    +
    + + {/* sidebar start */} + + {/* sidebar end */} + + ) +} + +export default Header; \ No newline at end of file diff --git a/src/components/landing-demo/hero-area.jsx b/src/components/landing-demo/hero-area.jsx new file mode 100644 index 0000000..13499a1 --- /dev/null +++ b/src/components/landing-demo/hero-area.jsx @@ -0,0 +1,76 @@ +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../contexts/mouse-move-context'; + +const HeroArea = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    + Online Course & Education Template +

    FrontLine Education & Online Course HTML Template

    + +
    +
    +
    +
    +
    +
    + demo +
    +
    + demo +
    +
    + demo +
    +
    + demo +
    +
    + demo +
    +
    +
      + + Shape + + + Shape + + + Shape + + + + +
    +
    + ) +} + +export default HeroArea; \ No newline at end of file diff --git a/src/components/landing-demo/home-demos.jsx b/src/components/landing-demo/home-demos.jsx new file mode 100644 index 0000000..37ca754 --- /dev/null +++ b/src/components/landing-demo/home-demos.jsx @@ -0,0 +1,132 @@ +import React from 'react'; +import Link from 'next/link'; + +const demos = [ + { + title:'EduBlink Education', + link:'/', + imgSrc: 'home-01.jpg' + }, + { + title:'Distant Learning', + link:'/home-distant-learning', + imgSrc: 'home-02.jpg' + }, + { + title:'University', + link:'/home-university', + imgSrc: 'home-03.jpg' + }, + { + title:'Online Academy', + link:'/home-online-academy', + imgSrc: 'home-04.jpg' + }, + { + title:'Modern Schooling', + link:'/home-modern-schooling', + imgSrc: 'home-modern-schooling.jpg', + new: true + }, + { + title:'Kitchen Coach', + link:'/home-kitchen', + imgSrc: 'home-05.jpg' + }, + { + title:'Yoga Instructor', + link:'/home-yoga-instructor', + imgSrc: 'home-06.jpg' + }, + { + title:'Kindergarten', + link:'/home-kindergarten', + imgSrc: 'home-07.jpg' + } +]; + +const comingSoon = [ + { + title: 'Health Coach' + }, + { + title: 'Remote Training' + }, + { + title: 'Language Academy' + }, + { + title: 'Photography' + } +]; + +const HomeDemos = () => { + return ( +
    +
    +
    +
    +
    + Unique Demos +

    8+ Pre-Made Creative Online Course
    Education Homepage

    +
    +
    +
    + + +
    + {demos.map((demo, i) => { + return ( +
    +
    + { demo.new && New } +
    +
    + + + Preview Images + + +
    + + View Demo + +
    +
    +
    + + {demo.title} + +
    +
    +
    +
    + ) + })} + + {comingSoon.map((demo, i) => { + return ( +
    +
    + +
    +
    + ) + })} +
    +
    +
    + ) +} + +export default HomeDemos; \ No newline at end of file diff --git a/src/components/landing-demo/index.jsx b/src/components/landing-demo/index.jsx new file mode 100644 index 0000000..4f9a6e0 --- /dev/null +++ b/src/components/landing-demo/index.jsx @@ -0,0 +1,29 @@ +import Header from './header'; +import HeroArea from './hero-area'; +import CounterUpArea from './counter-up-area'; +import HomeDemos from './home-demos'; +import OnlineCourse from './online-course'; +import CourseDemo from './course-demo'; +import ShopSupport from './shop-support'; +import Features from './features'; +import InnerPagesDemo from './inner-pages-demo'; +import Footer from './footer'; + +export default function HomeLanding() { + return ( +
    +
    +
    + + + + + + + + +
    +
    +
    + ) +} \ No newline at end of file diff --git a/src/components/landing-demo/inner-pages-demo.jsx b/src/components/landing-demo/inner-pages-demo.jsx new file mode 100644 index 0000000..5c66d6b --- /dev/null +++ b/src/components/landing-demo/inner-pages-demo.jsx @@ -0,0 +1,52 @@ +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../contexts/mouse-move-context'; + +const InnerPagesDemo = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    + 45+ + +

    Pre-build Inner Pages

    +

    Start with a page template, your site can be built in less than you can expect!!.

    +
    +
    +
    +
    +
    +
      + + shape + + + + shape + + + + + +
    +
    + ) +} + +export default InnerPagesDemo; \ No newline at end of file diff --git a/src/components/landing-demo/online-course.jsx b/src/components/landing-demo/online-course.jsx new file mode 100644 index 0000000..d3fbfda --- /dev/null +++ b/src/components/landing-demo/online-course.jsx @@ -0,0 +1,69 @@ +import React from 'react'; +import Link from 'next/link'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../contexts/mouse-move-context'; + +const OnlineCourse = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    +
    + Online Course +

    Learn Your Online Course Easily With FrontLine

    +

    Users can check up their active courses, update their bio, completed courses, track their progress easily and many more.

    + +
    +
    +
    +
    +
    + Course Details + Course Instructor +
      + + Shape + +
    • + Shape +
      • + + Shape + + + Shape + +
    +
    +
    +
    +
    +
    +
    + ) +} + +export default OnlineCourse; \ No newline at end of file diff --git a/src/components/landing-demo/responsive-menu.jsx b/src/components/landing-demo/responsive-menu.jsx new file mode 100644 index 0000000..eee7b0d --- /dev/null +++ b/src/components/landing-demo/responsive-menu.jsx @@ -0,0 +1,62 @@ +import Link from 'next/link'; +import React, { useState } from 'react'; + +const ResponsiveMenu = ({ isOpen, setIsOpen }) => { + const [navTitle, setNavTitle] = useState('') + + const openMobileMenu = (menu) => { + if(navTitle === menu){ + setNavTitle('') + } + else { + setNavTitle(menu) + } + } + return ( + <> +
    +
    +
    +
    + + + logo + logo + + +
    + +
    setIsOpen(false)}> + +
    +
    + +
    + +
    +
    +
    + + {/* overlay start */} +
    setIsOpen(false)} className={`body-overlay ${isOpen ? 'apply' : ''}`}>
    + {/* overlay end */} + + ) +} + +export default ResponsiveMenu; \ No newline at end of file diff --git a/src/components/landing-demo/shop-support.jsx b/src/components/landing-demo/shop-support.jsx new file mode 100644 index 0000000..92cb0f5 --- /dev/null +++ b/src/components/landing-demo/shop-support.jsx @@ -0,0 +1,80 @@ +import React from 'react'; +import Link from 'next/link'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../contexts/mouse-move-context'; + +const ShopSupport = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    +
    + Online Store + +

    Sell Like a Pro with
    E-commerce

    + +

    E-commerce. EduBlink provides all the tools you need to start selling online. Let your customers to experience E-commerce at its absolute-best.

    + + +
    +
    +
    + +
    +
    +
    + Shop Images + + Shop Images + + Shop Images + +
      + + shape + + + + shape + + + + + +
    +
    +
    +
    +
    +
    +
    +
    + ) +} + +export default ShopSupport; \ No newline at end of file diff --git a/src/components/pricing-table/index.jsx b/src/components/pricing-table/index.jsx new file mode 100644 index 0000000..b06fb9b --- /dev/null +++ b/src/components/pricing-table/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import PricingArea from './pricing-area'; + +const index = () => { + return ( +
    +
    +
    + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/pricing-table/pricing-area.jsx b/src/components/pricing-table/pricing-area.jsx new file mode 100644 index 0000000..7688ec9 --- /dev/null +++ b/src/components/pricing-table/pricing-area.jsx @@ -0,0 +1,59 @@ +import React from 'react'; + +function PricingTable({title,delay,amount,duration,sm_text,item_off_1,item_off_2}) { + return ( +
    +
    +
    +
    {title}
    +
    + ${amount} + {duration} +
    +

    {sm_text}

    +
    + +
    +
      +
    • Courses included: 1
      • +
    • Individual Course
      • +
    • Course learning checks
      • +
    • Course discussions
      • +
    • Offline learning
      • +
    +
    + + +
    +
    + ) +} + +const PricingArea = () => { + return ( +
    +
    +
    + Pricing Table +

    Great Membership Plan

    + +
    + +
    + + + + + +
    +
    +
    + ) +} + +export default PricingArea; \ No newline at end of file diff --git a/src/components/privacy-policy/index.jsx b/src/components/privacy-policy/index.jsx new file mode 100644 index 0000000..f889895 --- /dev/null +++ b/src/components/privacy-policy/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import PolicyArea from './policy-area'; + +const index = () => { + return ( +
    +
    +
    + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/privacy-policy/policy-area.jsx b/src/components/privacy-policy/policy-area.jsx new file mode 100644 index 0000000..016fce9 --- /dev/null +++ b/src/components/privacy-policy/policy-area.jsx @@ -0,0 +1,65 @@ +import React from 'react'; +import SidebarOne from '../common/sidebar/blog-sidebar-1'; + +const PolicyArea = () => { + return ( +
    +
    +
    +
    +
    +
    +

    Definitions of Privacy Policy

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nis aliquip commodo consequat aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat.

    +
    + +
    +

    General information

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo consequat.

    +

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat.

    +
    + +
    +

    Availability of Website

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    +
      +
    • Internet protocol (IP) addresses
      • +
    • Browser type, Internet Service Provider (ISP)
      • +
    • Date and time stamp, referring/exit pages
      • +
    • Possibly the number of click
      • +
    +
    + +
    +

    Privacy Policies

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo consequat.

    +

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat.

    +
    + +
    +

    Third Party Policies

    +

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat.

    +
      +
    • The Company name, the Company logo, and all related names, logos, product and service names, designs
      • +
    • No right, title or interest in or to the online course or any portion thereof, is transferred to any Member, and all rights not expressly granted herein, are reserved by the Company.
      • +
    • The online course is owned by the Company and is protected by American and international copyright, trademark, patent, trade secret and other intellectual property or proprietary rights laws.
      • +
    +
    + +
    +

    Online Privacy

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo consequat.

    +
    +
    +
    + +
    + +
    +
    +
    +
    + ) +} + +export default PolicyArea; \ No newline at end of file diff --git a/src/components/product-details/index.jsx b/src/components/product-details/index.jsx new file mode 100644 index 0000000..4cd582f --- /dev/null +++ b/src/components/product-details/index.jsx @@ -0,0 +1,21 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import ProductDescription from './product-description'; +import ProductDetailsArea from './product-details-area'; + +const index = ({item}) => { + return ( +
    +
    +
    + + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/product-details/product-description.jsx b/src/components/product-details/product-description.jsx new file mode 100644 index 0000000..ffb8936 --- /dev/null +++ b/src/components/product-details/product-description.jsx @@ -0,0 +1,62 @@ +import React from 'react'; +import ProductCommentForm from '../forms/product-comment-form'; + +const ProductDescription = ({item}) => { + return ( +
    +
    +
    +
    +
      +
    • + +
      • +
    • + +
      • +
    + +
    +
    +

    Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.enim ad minim veniam quis nostrud exercita mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur consequuntur magni dolores.

    +

    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum nemo enim ipsam voluptatem quia voluptas sit aspernatur.

    +
    + +
    +
    +
    1 Review for The King of Drugs
    +
    +
    +
    + Comment Images +
    + +
    +
    Edward Norton - Oct 10, 2021
    +
    + + + + + +
    +

    Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim est laborum. Sed perspiciatis unde omnis natus error sit voluptatem accusa dolore mque laudant totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi arch tecto beatae vitae dicta.

    +
    +
    +
    +
    + +
    +
    Be First to Add a Review
    + +
    +
    +
    +
    +
    +
    +
    + ) +} + +export default ProductDescription; \ No newline at end of file diff --git a/src/components/product-details/product-details-area.jsx b/src/components/product-details/product-details-area.jsx new file mode 100644 index 0000000..e3c5b5b --- /dev/null +++ b/src/components/product-details/product-details-area.jsx @@ -0,0 +1,58 @@ +import Link from 'next/link'; +import React from 'react'; + +const ProductDetailsArea = ({ item }) => { + return ( +
    +
    +
    +
    +
    + Product Images +
    +
    + +
    +
    +

    {item?.title}

    +
    +
    + {item?.rating?.map(r => )} +
    + (3) +
    + +
    $70.30
    + +

    {item?.desc}

    + +
    +
    +
    - + + + +
    +
    + +
    + + Add To Cart + + +
    +
    + + +
    +
    +
    +
    +
    + ) +} + +export default ProductDetailsArea; \ No newline at end of file diff --git a/src/components/purchase-guide/index.jsx b/src/components/purchase-guide/index.jsx new file mode 100644 index 0000000..2af4dbb --- /dev/null +++ b/src/components/purchase-guide/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import PurchaseArea from './purchase-area'; + +const index = () => { + return ( +
    +
    +
    + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/purchase-guide/purchase-area.jsx b/src/components/purchase-guide/purchase-area.jsx new file mode 100644 index 0000000..5898761 --- /dev/null +++ b/src/components/purchase-guide/purchase-area.jsx @@ -0,0 +1,79 @@ +import React from 'react'; +import SidebarOne from '../common/sidebar/blog-sidebar-1'; + +const PurchaseArea = () => { + return ( +
    +
    +
    +
    +
    +
    +

    Purchase Currency

    +

    Some online platforms or businesses may use the term purchase currency to describe the virtual currency or credits that users can buy and use within a particular ecosystem, like in online games or digital platforms.

    +
    + +
    +

    Account Registering

    +

    The registration process usually requires the user to provide personal details and create login credentials, allowing the platform to store and manage their data for future interactions.

    +
    +
    +
      +
    • Name (required)
      • +
    • Age (required)
      • +
    • Date of birth (required)
      • +
    • Passport/ ID no. (required)
      • +
    • Current career (required)
      • +
    +
    + +
    +
      +
    • Mobile phone numbers (required)
      • +
    • Email address (required)
      • +
    • Hobbies & interests (optional)
      • +
    • Social profiles (optional)
      • +
    +
    +
    +
    + +
    +

    How to Purchase a Course?

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nis aliquip commodo consequat aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat.

    +
    + +
    +

    Accepted Credit Cards

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    +
      +
    • Visa
      • +
    • Mastercards
      • +
    • American Express
      • +
    • Discover
      • +
    +
    + +
    +

    Why to Buy Our Course?

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    +
      +
    • Updated content on a regular basis
      • +
    • Secure & hassle-free payment
      • +
    • 1-click checkout
      • +
    • Easy access & smart user dashboard
      • +
    +
    +
    +
    + +
    + +
    +
    +
    +
    + ) +} + +export default PurchaseArea; \ No newline at end of file diff --git a/src/components/seo.jsx b/src/components/seo.jsx new file mode 100644 index 0000000..c2f7a03 --- /dev/null +++ b/src/components/seo.jsx @@ -0,0 +1,20 @@ +import Head from "next/head"; + +const SEO = ({ pageTitle, font }) => ( + + + {pageTitle && `${pageTitle} || FrontlineTraining Education Platform React Next js Template`} + + + + + + {font && } + + +) + +export default SEO; \ No newline at end of file diff --git a/src/components/shop/index.jsx b/src/components/shop/index.jsx new file mode 100644 index 0000000..75a899b --- /dev/null +++ b/src/components/shop/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import ShopArea from './shop-area'; + +const index = () => { + return ( +
    +
    +
    + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/shop/shop-area.jsx b/src/components/shop/shop-area.jsx new file mode 100644 index 0000000..72b32f5 --- /dev/null +++ b/src/components/shop/shop-area.jsx @@ -0,0 +1,94 @@ +import Link from 'next/link'; +import React from 'react'; +import { shop_data } from '../../data'; + +const ShopArea = () => { + return ( +
    +
    +
    +
    +
    We found 71 courses available for you
    +
    + +
    +
    +
    + +
    +
    +
    + +
    + {shop_data.map((product) => { + const { id, img, delay, price, rating, title, total_rating } = product; + return ( +
    +
    +
    +
    + + + Shop Images + + +
    +
      +
      • +
    • + + + +
      • +
    • + + + +
      • +
    +
    +
    + +
    +
    + + {title} + +
    + +
    +
    + {rating.map(r => )} +
    + {(total_rating)} +
    +
    ${price}
    +
    +
    +
    +
    + ) + })} +
    + +
      +
      • +
    • 1
      • +
    • 2
      • +
    • 3
      • +
      • +
    • 8
      • +
      • +
    +
    +
    + ) +} + +export default ShopArea; \ No newline at end of file diff --git a/src/components/sign-in/index.jsx b/src/components/sign-in/index.jsx new file mode 100644 index 0000000..44a2c00 --- /dev/null +++ b/src/components/sign-in/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import SignInArea from './sign-in-area'; + +const index = () => { + return ( +
    +
    +
    + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/sign-in/sign-in-area.jsx b/src/components/sign-in/sign-in-area.jsx new file mode 100644 index 0000000..876546c --- /dev/null +++ b/src/components/sign-in/sign-in-area.jsx @@ -0,0 +1,43 @@ +import React from 'react'; +import LoginForm from '../forms/login-form'; +import RegisterForm from '../forms/register-form'; + +const SignInArea = () => { + return ( +
    +
    +
    +
    +
    +

    Sign in

    +

    Don’t have an account? Sign up

    + +
    +
    + +
    +
    +

    Registration

    +

    Already have an account? Sign in

    + +
    +
    +
    + +
      +
    • + Shape +
      • +
    • + Shape +
      • +
    • + Shape +
      • +
    +
    +
    + ) +} + +export default SignInArea; \ No newline at end of file diff --git a/src/components/social-share/index.jsx b/src/components/social-share/index.jsx new file mode 100644 index 0000000..947625d --- /dev/null +++ b/src/components/social-share/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; + +const social_share = [ + { link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook',}, + { link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter', }, + { link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, +]; + +export const SocialShare = () => { + return ( + <> + {social_share.map((social, i) => ( +
  • + +
    • + ))} + + ) +} diff --git a/src/components/team-member/team-five.jsx b/src/components/team-member/team-five.jsx new file mode 100644 index 0000000..a68eda3 --- /dev/null +++ b/src/components/team-member/team-five.jsx @@ -0,0 +1,39 @@ +import Link from 'next/link'; +import React from 'react'; + +const TeamFive = ({ instructor }) => { + return ( +
    +
    +
    +
    + + + team images + + +
    +
      + {instructor.social_links.map((social, i) => ( +
    • + + + +
      • + ))} +
    +
    +
    +
    + + {instructor.name} + +
    + {instructor.title} +
    +
    +
    + ) +} + +export default TeamFive; \ No newline at end of file diff --git a/src/components/team-member/team-four.jsx b/src/components/team-member/team-four.jsx new file mode 100644 index 0000000..de0c9c7 --- /dev/null +++ b/src/components/team-member/team-four.jsx @@ -0,0 +1,34 @@ +import React from 'react'; + +const TeamFour = ({ instructor }) => { + return ( +
    +
    +
    +
    + + team images + +
    +
      + {instructor.social_links.map((social, i) => ( +
    • + + + +
      • + ))} +
    +
    +
    +
    + {instructor.name} +
    + {instructor.title} +
    +
    +
    + ) +} + +export default TeamFour; \ No newline at end of file diff --git a/src/components/team-member/team-one.jsx b/src/components/team-member/team-one.jsx new file mode 100644 index 0000000..153a96b --- /dev/null +++ b/src/components/team-member/team-one.jsx @@ -0,0 +1,40 @@ +import Link from 'next/link'; +import React from 'react'; + +const TeamOne = ({ instructor, image_location_path='01' }) => { + return ( +
    +
    +
    +
    + + + team images + + +
    +
      +
      • + {instructor.social_links.map((social, i) => ( +
    • + + + +
      • + ))} +
    +
    +
    +
    + + {instructor.name} + +
    + {instructor.title} +
    +
    +
    + ) +} + +export default TeamOne; \ No newline at end of file diff --git a/src/components/team-member/team-three.jsx b/src/components/team-member/team-three.jsx new file mode 100644 index 0000000..a5e69b2 --- /dev/null +++ b/src/components/team-member/team-three.jsx @@ -0,0 +1,39 @@ +import Link from 'next/link'; +import React from 'react'; + +const TeamThree = ({ instructor }) => { + return ( +
    +
    +
    +
    + + + team images + + +
    +
      + {instructor.social_links.map((social, i) => ( +
    • + + + +
      • + ))} +
    +
    +
    +
    + + {instructor.name} + +
    + {instructor.title} +
    +
    +
    + ) +} + +export default TeamThree; \ No newline at end of file diff --git a/src/components/team-member/team-two.jsx b/src/components/team-member/team-two.jsx new file mode 100644 index 0000000..7617f41 --- /dev/null +++ b/src/components/team-member/team-two.jsx @@ -0,0 +1,40 @@ +import Link from 'next/link'; +import React from 'react'; + +const TeamTwo = ({ instructor, image_location_path='02' }) => { + return ( +
    +
    +
    +
    + + + team images + + +
    +
      + {instructor.social_links.map((social, i) => ( +
    • + + + +
      • + ))} +
    +
    +
    +
    + + {instructor.name} + +
    + {instructor.title} +

    {instructor.sm_text}

    +
    +
    +
    + ) +} + +export default TeamTwo; \ No newline at end of file diff --git a/src/components/teams/.DS_Store b/src/components/teams/.DS_Store new file mode 100644 index 0000000..e40de0d Binary files /dev/null and b/src/components/teams/.DS_Store differ diff --git a/src/components/teams/team-1/index.jsx b/src/components/teams/team-1/index.jsx new file mode 100644 index 0000000..0a9846c --- /dev/null +++ b/src/components/teams/team-1/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../../layout'; +import Breadcrumb from '../../breadcrumb/breadcrumb'; +import TeamArea from './team-area'; + +const index = () => { + return ( +
    +
    +
    + {/* */} + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/teams/team-1/team-area.jsx b/src/components/teams/team-1/team-area.jsx new file mode 100644 index 0000000..8637d9b --- /dev/null +++ b/src/components/teams/team-1/team-area.jsx @@ -0,0 +1,29 @@ +import React from 'react'; +import { instructors_data } from '../../../data'; +import TeamTwo from "../../../components/team-member/team-two"; + +const TeamArea = () => { + return ( +
    +
    +
    + Instructors +

    Course Instructors

    + +
    + +
    + {instructors_data.slice(0,6).map((instructor) => { + return ( +
    + +
    + ) + })} +
    +
    +
    + ) +} + +export default TeamArea; \ No newline at end of file diff --git a/src/components/teams/team-2/index.jsx b/src/components/teams/team-2/index.jsx new file mode 100644 index 0000000..dca49c2 --- /dev/null +++ b/src/components/teams/team-2/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../../layout'; +import Breadcrumb from '../../breadcrumb/breadcrumb'; +import TeamArea from './team-area'; + +const index = () => { + return ( +
    +
    +
    + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/teams/team-2/team-area.jsx b/src/components/teams/team-2/team-area.jsx new file mode 100644 index 0000000..4df3976 --- /dev/null +++ b/src/components/teams/team-2/team-area.jsx @@ -0,0 +1,27 @@ +import React from 'react'; +import { instructors_data } from '../../../data'; +import TeamOne from "../../../components/team-member/team-one"; + +const TeamArea = () => { + return ( +
    +
    +
    + Instructors +

    Course Instructors

    + +
    +
    + {instructors_data.slice(0,8).map((instructor) => ( +
    + +
    + ))} + +
    +
    +
    + ) +} + +export default TeamArea; \ No newline at end of file diff --git a/src/components/teams/team-3/index.jsx b/src/components/teams/team-3/index.jsx new file mode 100644 index 0000000..1692ed7 --- /dev/null +++ b/src/components/teams/team-3/index.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Footer, Header } from '../../../layout'; +import Breadcrumb from '../../breadcrumb/breadcrumb'; +import TeamArea from './team-area'; + +const index = () => { + return ( +
    +
    +
    + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/teams/team-3/team-area.jsx b/src/components/teams/team-3/team-area.jsx new file mode 100644 index 0000000..3e8b584 --- /dev/null +++ b/src/components/teams/team-3/team-area.jsx @@ -0,0 +1,29 @@ +import React from 'react'; +import { instructors_data } from '../../../data'; +import TeamThree from "../../../components/team-member/team-three"; + +const TeamArea = () => { + return ( +
    +
    +
    + Instructors +

    Course Instructors

    + +
    +
    + {instructors_data.slice(0,6).map((instructor) => { + return ( +
    + +
    + ) + })} +
    +
    +
    + ) +} + +export default TeamArea; \ No newline at end of file diff --git a/src/components/teams/team-details/course-area.jsx b/src/components/teams/team-details/course-area.jsx new file mode 100644 index 0000000..1b5e1f6 --- /dev/null +++ b/src/components/teams/team-details/course-area.jsx @@ -0,0 +1,34 @@ +import React from 'react'; +import { course_data } from '../../../data'; +import CourseTypeOne from '../../course/course-type-one'; + +const CourseArea = ( { name } ) => { + // fetching only specific courses where instructor name get matched + const courses = course_data.filter(course => course.instructor === name ); + return ( + <> + { courses.length > 0 && +
    +
    +
    +

    My Popular Courses

    +
    + +
    + {courses.slice(0,20).map((course) => { + return ( +
    + +
    + ) + })} +
    +
    +
    + } + + ) +} + +export default CourseArea; \ No newline at end of file diff --git a/src/components/teams/team-details/index.jsx b/src/components/teams/team-details/index.jsx new file mode 100644 index 0000000..a169f0c --- /dev/null +++ b/src/components/teams/team-details/index.jsx @@ -0,0 +1,21 @@ +import React from 'react'; +import { Footer, Header } from '../../../layout'; +import BreadcrumbThree from '../../breadcrumb/breadcrumb-3'; +import CourseArea from './course-area'; +import TeamArea from './team-area'; + +const index = ({team}) => { + return ( +
    +
    +
    + + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/teams/team-details/team-area.jsx b/src/components/teams/team-details/team-area.jsx new file mode 100644 index 0000000..26abc79 --- /dev/null +++ b/src/components/teams/team-details/team-area.jsx @@ -0,0 +1,70 @@ +import React from 'react'; + +const TeamArea = ({ team }) => { + return ( +
    +
    +
    +
    +
    +
    + team images +
    + +
      +
      • + {team?.social_links?.map((social, i) => ( +
    • + + + +
      • + ))} +
    +
    +
    + +
    +
    +
    + Instructor +

    {team?.name}

    + {team?.title} +
      +
    • 20 Students
      • +
    • +
      + + + + + +
      + (720 Rating) +
      • +
    +
    + +
    +

    About Me

    +

    As the Founder and CEO of Frontline Technologies, I am deeply committed to shaping the future of technology by driving innovation and providing transformative solutions that help businesses succeed in the digital age. With a strong background , I started this journey with a vision to bridge the gap between emerging technologies and real-world applications. My leadership philosophy is rooted in fostering a culture of creativity, collaboration, and continuous learning, ensuring that we stay ahead of technological trends while solving complex challenges.

    +

    I’m dedicated to fostering a collaborative, forward-thinking environment, where creativity and problem-solving thrive, and I look forward to the continued growth and success of our team and clients alike.

    +
    + +
    +

    Contact Me

    + +
    +
    +
    +
    +
    +
    + ) +} + +export default TeamArea; \ No newline at end of file diff --git a/src/components/terms-condition/condition-area.jsx b/src/components/terms-condition/condition-area.jsx new file mode 100644 index 0000000..64f6377 --- /dev/null +++ b/src/components/terms-condition/condition-area.jsx @@ -0,0 +1,45 @@ +import React from 'react'; +import SidebarOne from '../common/sidebar/blog-sidebar-1'; + +const ConditionArea = () => { + return ( +
    +
    +
    +
    +
    +
    +

    Definitions of Basic Terms, Rights and Restriction:

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo consequat.

    +

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat.

    +
    + +
    +

    Basic Terms

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nis aliquip commodo consequat aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat.

    +
    + +
    +

    Rights & Restrictions

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    +
      +
    • Members must be at least 18 years of age.
      • +
    • Members are granted a time-limited, non-exclusive, revocable, nontransferable, and non-sublicenseable right to access that portion of the online course corresponding to the purchase.
      • +
    • The portion of the online course corresponding to the purchase will be available to the Member as long as the course is maintained by the Company, which will be a minimum of one year after Member’s purchase.
      • +
    • The videos in the course are provided as a video stream and are not downloadable.
      • +
    • By agreeing to grant such access, the Company does not obligate itself to maintain the course, or to maintain it in its present form.
      • +
    +
    +
    +
    + +
    + +
    +
    +
    +
    + ) +} + +export default ConditionArea; \ No newline at end of file diff --git a/src/components/terms-condition/index.jsx b/src/components/terms-condition/index.jsx new file mode 100644 index 0000000..d46ebec --- /dev/null +++ b/src/components/terms-condition/index.jsx @@ -0,0 +1,20 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import ConditionArea from './condition-area'; + + +const index = () => { + return ( +
    +
    +
    + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/wishlist/index.jsx b/src/components/wishlist/index.jsx new file mode 100644 index 0000000..83a86a4 --- /dev/null +++ b/src/components/wishlist/index.jsx @@ -0,0 +1,20 @@ +import React from 'react'; +import { Footer, Header } from '../../layout'; +import BreadcrumbThree from '../breadcrumb/breadcrumb-3'; +import WishlistArea from './wishlist-area'; + + +const index = () => { + return ( +
    +
    +
    + + +
    +
    +
    + ) +} + +export default index; \ No newline at end of file diff --git a/src/components/wishlist/single-wishlist.jsx b/src/components/wishlist/single-wishlist.jsx new file mode 100644 index 0000000..44d54b9 --- /dev/null +++ b/src/components/wishlist/single-wishlist.jsx @@ -0,0 +1,48 @@ +import Link from 'next/link'; +import React from 'react'; +import { useDispatch, useSelector } from 'react-redux'; +import { cart_course } from '../../redux/features/cart-slice'; +import { remove_wishlist_product } from '../../redux/features/wishlist-slice'; + +const SingleWishlist = ({ item }) => { + const dispatch = useDispatch(); + const {cartCourses} = useSelector(state => state.cart); + // handle add to cart + const handleAddToCart = (course) => { + dispatch(cart_course(course)) + } + + return ( + + + dispatch(remove_wishlist_product(item))} + className="remove-wishlist"> + + + + + + + Books + + + + + + {item.title} + + + + ${item.price} + + In Stock + handleAddToCart(item)}> + + {cartCourses.some(course => course.id === item.id) ? 'Added to cart' : 'Add to cart'} + + + + ) +} + +export default SingleWishlist; \ No newline at end of file diff --git a/src/components/wishlist/wishlist-area.jsx b/src/components/wishlist/wishlist-area.jsx new file mode 100644 index 0000000..0886906 --- /dev/null +++ b/src/components/wishlist/wishlist-area.jsx @@ -0,0 +1,45 @@ +import Link from 'next/link'; +import React from 'react'; +import { useSelector } from 'react-redux'; +import SingleWishlist from './single-wishlist'; + +const WishlistArea = () => { + const { wishlist } = useSelector(state => state.wishlist); + return ( +
    + {wishlist.length === 0 && +
    +
    +

    No Wishlist Product

    + + Return to courses + +
    +
    + } + {wishlist.length > 0 && +
    +
    + + + + + + + + + + + + + {wishlist.map((item) => )} + +
    Product NamePriceStock Status
    +
    +
    + } +
    + ) +} + +export default WishlistArea; \ No newline at end of file diff --git a/src/contexts/mouse-move-context.jsx b/src/contexts/mouse-move-context.jsx new file mode 100644 index 0000000..a9c73ec --- /dev/null +++ b/src/contexts/mouse-move-context.jsx @@ -0,0 +1,49 @@ +import { createContext, useCallback, useContext, useMemo, useState, useEffect } from 'react'; +export const MouseMoveContext = createContext( {} ); + +export const MouseMoveProvider = ( { children } ) => { + const [currentPosition, setCurrentPosition] = useState( { x: 0, y: 0 } ); + const whileMouseMove = useCallback( ( e ) => { + setCurrentPosition( { + x: e.clientX - window.innerWidth / 2, + y: e.clientY - window.innerHeight / 2 + } ); + }, [] ); + + const mouseDirection = useMemo( () => { + return ( main = 20 ) => ( { + x: currentPosition.x / main, + y: currentPosition.y / main + } ) + }, [currentPosition] ); + + const mouseReverse = useMemo( () => { + return ( main = 20 ) => ( { + x: ( currentPosition.x / main ) * -1, + y: ( currentPosition.y / main ) * -1 + } ); + }, [currentPosition] ); + + useEffect( () => { + window.addEventListener( 'mousemove', whileMouseMove ); + return () => { + window.removeEventListener( 'mousemove', whileMouseMove ); + } + }, [whileMouseMove] ); + + const param = useMemo( + () => ( { + mouseDirection, + mouseReverse + } ), + [mouseDirection, mouseReverse] + ); + + return ( + + { children } + + ) +}; + +export const useMouseMoveUI = () => useContext( MouseMoveContext ); \ No newline at end of file diff --git a/src/data/blog-data.js b/src/data/blog-data.js new file mode 100644 index 0000000..42b5960 --- /dev/null +++ b/src/data/blog-data.js @@ -0,0 +1,422 @@ +const blog_data = [ + { + id: 1, + img: '/assets/images/blog/blog-01.jpg', + category: 'ONLINE', + title: 'A Beginner’s Guide to Understanding the Basics', + date: "Oct 10, 2024", + comment: 9, + sm_desc: 'This article would introduce beginners to JavaScript, explaining core concepts like variables, functions, and control structures.', + delay:'100', + home_1:true, + }, + { + id: 2, + img: '/assets/images/blog/blog-02.jpg', + category: 'LECTURE', + title: 'The Most Versatile Programming Language in 2024', + date: "Jan 10, 2024", + comment: 15, + sm_desc: 'Python has become one of the most popular and versatile programming languages.Python is a great choice for beginners.', + delay:'200', + home_1:true, + }, + { + id: 3, + img: '/assets/images/blog/m-3.webp', + category: 'BUSINESS', + title: 'Understanding Front-End Frameworks: React vs. Angular vs. Vue', + date: "Feb 10, 2024", + comment: 12, + sm_desc: 'This article would compare the three most popular front-end JavaScript frameworks—React, Angular, and Vue.', + delay:'300', + home_1:true, + }, + // home 4 + { + id: 4, + img: '/assets/images/blog/blog-030.jpg', + category: 'ONLINE', + title: 'Education in Our Lives: We Can Change the Future', + date: "JAN 10 2025", + comment: 18, + sm_desc: 'Education shapes our lives by empowering us with knowledge and skills, paving the way for personal growth and societal progress. Through education, we have the power to change the future, fostering innovation, equality, and a better world for all.', + author:'Edward', + large:true, + home_4:true, + }, + { + id: 5, + img: '/assets/images/blog/blog-05.jpg', + category: 'LECTURE', + title: 'Qualification for Students’Satisfaction Rate', + date: "SEP 10 2021", + comment: 14, + sm_desc: 'Lorem ipsum dolor sit amet consec tetur adipisicing sed eiusmod tempor incid idunt labore.', + author:'Edward', + home_4:true, + }, + { + id: 6, + img: '/assets/images/blog/blog-06.jpg', + category: 'LECTURE', + title: 'Instructional Design and Adult Learners', + date: "SEP 18 2021", + comment: 9, + sm_desc: 'Lorem ipsum dolor sit amet consec tetur adipisicing sed eiusmod tempor incid idunt labore.', + author:'Edward', + home_4:true, + }, + { + id: 7, + img: '/assets/images/blog/blog-10.jpg', + category: 'LECTURE', + title: 'Join ATD 2021 International Conference & EXPO', + date: "SEP 25 2021", + comment: 16, + sm_desc: 'Lorem ipsum dolor sit amet consec tetur adipisicing sed eiusmod tempor incid idunt labore.', + author:'Edward', + home_4:true, + }, + // home 5 + { + id: 8, + img: '/assets/images/blog/art-02.webp', + category: 'ONLINE', + title: 'Become a Better Blogger: Content Planning', + date: "Oct 10, 2022", + comment: 10, + sm_desc: 'Lorem ipsum dolor sit amet cons tetur adipisicing sed.', + author:'Edward', + kitchen:true, + }, + { + id: 9, + img: '/assets/images/blog/art-01.jpg', + category: 'LECTURE', + title: 'Fresh Inspiration For March And A Smashing', + date: "Oct 15, 2022", + comment: 12, + sm_desc: 'Lorem ipsum dolor sit amet cons tetur adipisicing sed do eiusmod ux tempor incid idunt labore dol oremagna aliqua.', + author:'Edward', + kitchen:true, + }, + { + id: 10, + img: '/assets/images/blog/art-03.jpg', + category: 'BUSINESS', + title: 'How to Developers Taking the Guess Work', + date: "Oct 20, 2022", + comment: 15, + sm_desc: 'Lorem ipsum dolor sit amet cons tetur adipisicing sed do eiusmod ux tempor incid idunt.', + author:'Edward', + kitchen:true, + }, + // kindergarten + { + id: 11, + img: '/assets/images/blog/blg-02.jpg', + category: 'ONLINE', + title: 'The Impact of Artificial Intelligence on Everyday Life', + date: "Nov 20, 2024", + comment: 10, + sm_desc: 'Lorem ipsum dolor sit amet cons tetur adipisicing sed.', + author:'Edward', + kindergarten_blog:true, + }, + { + id: 12, + img: '/assets/images/blog/blg-01.jpg', + category: 'ONLINE', + title: 'Why Cybersecurity Is Everyone’s Responsibility.', + date: "Dec 20, 2024", + comment: 12, + sm_desc: 'Lorem ipsum dolor sit amet cons tetur adipisicing sed.', + author:'Edward', + kindergarten_blog:true, + }, + { + id: 13, + img: '/assets/images/blog/blg-03.jpg', + category: 'ONLINE', + title: 'The Future of Tech: Emerging Trends to Watch in 2024', + date: "Feb 20, 2024", + comment: 15, + sm_desc: 'Lorem ipsum dolor sit amet cons tetur adipisicing sed.', + author:'Edward', + kindergarten_blog:true, + }, + // modern schooling + { + id: 14, + img: '/assets/images/blog/blog-32.jpg', + category: 'ONLINE', + title: 'Good Things are Happening Creative Learning', + date: "Oct 20, 2022", + comment: 14, + sm_desc: 'Lorem ipsum dolor sit amet cons tetur sed idunt.', + author:'Edward', + delay:'100', + modern_schooling_blog:true, + }, + { + id: 15, + img: '/assets/images/blog/blog-33.jpg', + category: 'LECTURE', + title: 'Creating a Community of Diverse Learners', + date: "Oct 15, 2022", + comment: 14, + sm_desc: 'Lorem ipsum dolor sit amet cons tetur sed idunt.', + author:'Edward', + delay:'200', + modern_schooling_blog:true, + }, + { + id: 16, + img: '/assets/images/blog/blog-34.jpg', + category: 'BUSINESS', + title: 'Changing Lives and Giving Choices For Everyone', + date: "Oct 23, 2022", + comment: 19, + sm_desc: 'Lorem ipsum dolor sit amet cons tetur sed idunt.', + author:'Edward', + delay:'300', + modern_schooling_blog:true, + }, + { + id: 17, + img: '/assets/images/blog/blog-35.jpg', + category: 'BUSINESS', + title: 'An Excellent Foundation for Future Success', + date: "Oct 30, 2022", + comment: 20, + sm_desc: 'Lorem ipsum dolor sit amet cons tetur sed idunt.', + author:'Edward', + delay:'300', + modern_schooling_blog:true, + }, + + // blog standard + { + id:18, + img:'/assets/images/blog/blog.webp', + category:'Arts & Gallery', + title:'4 Learning Management System Design Tips For Better eLearning', + date:'Oct 10, 2022', + comment:'09', + desc:'When designing a Learning Management System (LMS), focus on user-centered features like an intuitive, responsive interface that works across devices and offers personalization options. Content should be delivered through diverse formats (text, video, quizzes) and structured in modular lessons for flexibility. Foster engagement with interactive tools like discussion forums and live webinars.', + blog_standard:true, + }, + { + id:19, + video:true, + img:'/assets/images/blog/blog-01.webp', + category:'Online', + title:' The Future of Cloud Computing: Trends to Watch in 2025', + date:'Oct 15, 2024', + comment:'10', + desc:'Explore emerging cloud technologies, including serverless computing, edge computing, and the growing role of AI in cloud management.', + blog_standard:true, + }, + { + id:20, + slider:true, + images:[ + '/assets/images/blog/swip-01.jpg', + '/assets/images/blog/swip-02.jpg', + '/assets/images/blog/swip-03.jpg', + ], + category:'Education', + title:'How to Developers Taking the Guess Work Generation of Business', + date:'Oct 18, 2024', + comment:'12', + desc:'To remove guesswork in business generation and development, developers can use a combination of data-driven decision-making, agile practices, and continuous feedback loops. Here are key strategies to guide developers.', + blog_standard:true, + }, + { + id:21, + img:'/assets/images/blog/developer.webp', + category:'Developer', + title:'How to Become Computer Working Days Software Engineer?', + date:'Oct 20, 2024', + comment:'15', + desc:'If you prefer not to pursue a traditional degree, you can consider boot camps, online courses, or self-learning. Some software engineers come from coding boot camps or online programs that teach programming in months instead of years.', + blog_standard:true, + }, + { + id:22, + img:'/assets/images/blog/developer-01.jpg', + category:'Developer', + title:'How AI and Machine Learning Are Transforming IT Infrastructure', + date:'Jan 20, 2024', + comment:'18', + desc:'Discuss how AI/ML can optimize network performance, automate IT tasks, and improve cybersecurity.', + blog_standard:true, + }, + + // blog masonry + { + id:23, + img:'/assets/images/blog/blog-01.jpg', + category:'ONLINE', + title:'Become a Better Blogger: Content Planning', + date:'Sep 20, 2024', + comment:'08', + desc:'Lorem ipsum dolor sit amet cons tetur adipisicing sed.', + blog_masonry:true, + }, + { + id:24, + img:'/assets/images/blog/blog-02.jpg', + category:'Lecture', + title:'Fresh Inspiration For March And A', + date:'Sep 15, 2022', + comment:'10', + desc:'Lorem ipsum dolor sit amet cons tetur adipisicing sed do eiusmod ux tempor incid idunt labore dol oremagna aliqua.', + blog_masonry:true, + }, + { + id:25, + img:'/assets/images/blog/blog-03.jpg', + category:'Business', + title:'How to Developers Taking the Guess Work', + date:'Sep 17, 2022', + comment:'12', + desc:'Lorem ipsum dolor sit amet cons tetur adipisicing sed do eiusmod ux tempor incid idunt.', + blog_masonry:true, + }, + { + id:26, + img:'/assets/images/blog/blog-19.jpg', + category:'Business', + title:'How to Become Computer Working Days', + date:'Oct 17, 2022', + comment:'15', + desc:'Lorem ipsum dolor sit amet cons tetur adipisicing sed do eiusmod ux tempor incid idunt labore ad dolore magna aliqua enim mini veniam quis nostrud exercitation.ullamco laboris.', + blog_masonry:true, + }, + { + id:27, + img:'/assets/images/blog/blog-21.jpg', + category:'Lecture', + title:'Designing an Online Course from', + date:'Nov 15, 2022', + comment:'20', + desc:'Lorem ipsum dolor sit amet cons tetur adipisicing sed do eiusmod ux tempor incid idunt labore dol oremagna aliqua.', + blog_masonry:true, + }, + { + id:28, + img:'/assets/images/blog/blog-20.jpg', + category:'Online', + title:'Ten Benefits Of Rentals That May Change', + date:'Nov 20, 2022', + comment:'13', + desc:'Lorem ipsum dolor sit amet cons tetur adipisicing sed.', + blog_masonry:true, + }, + { + id:29, + img:'/assets/images/blog/blog-23.jpg', + category:'Business', + title:'How to Keep Workouts Fresh in the', + date:'Nov 27, 2022', + comment:'16', + desc:'Lorem ipsum dolor sit amet cons tetur adipisicing sed do eiusmod ux tempor incid idunt labore ad dolore magna aliqua enim mini veniam quis nostrud exercitation.ullamco laboris.', + blog_masonry:true, + }, + { + id:30, + img:'/assets/images/blog/blog-24.jpg', + category:'Online', + title:'Become a Better Blogger: Content Planning', + date:'Nov 29, 2022', + comment:'22', + desc:'Lorem ipsum dolor sit amet cons tetur adipisicing sed.', + blog_masonry:true, + }, + { + id:31, + img:'/assets/images/blog/blog-22.jpg', + category:'Lecture', + title:'Unveiling the Secrets of Online Teaching', + date:'Nov 30, 2022', + comment:'18', + desc:'Lorem ipsum dolor sit amet cons tetur adipisicing sed do eiusmod ux tempor incid idunt.', + blog_masonry:true, + }, + + // list blog + { + id:32, + img:'/assets/images/blog/blog-25.jpg', + category:'Business', + title:'4 Learning Management System Design Tips', + date:'Sep 17, 2022', + comment:'12', + desc:'Lorem ipsum dolor sit amet cons tetur adip isicing sed eiusmod.', + blog_list:true, + }, + { + id:33, + img:'/assets/images/blog/blog-26.jpg', + category:'Business', + title:'How to Developers Taking the Guess Work', + date:'Oct 17, 2022', + comment:'15', + desc:'Lorem ipsum dolor sit amet cons tetur adip isicing sed eiusmod.', + blog_list:true, + }, + { + id:34, + img:'/assets/images/blog/blog-27.jpg', + category:'Lecture', + title:'Ten Benefits Of Rentals That May Change Your', + date:'Nov 15, 2022', + comment:'20', + desc:'Lorem ipsum dolor sit amet cons tetur adip isicing sed eiusmod.', + blog_list:true, + }, + { + id:35, + img:'/assets/images/blog/blog-28.jpg', + category:'Online', + title:'Fresh Inspiration For March And A Smashing', + date:'Nov 20, 2022', + comment:'13', + desc:'Lorem ipsum dolor sit amet cons tetur adip isicing sed eiusmod.', + blog_list:true, + }, + { + id:36, + img:'/assets/images/blog/blog-29.jpg', + category:'Business', + title:'Fresh Inspiration For March And A Smashing', + date:'Nov 27, 2022', + comment:'16', + desc:'Lorem ipsum dolor sit amet cons tetur adip isicing sed eiusmod.', + blog_list:true, + }, + { + id:37, + img:'/assets/images/blog/blog-30.jpg', + category:'Online', + title:'How to Developers Taking the Guess Work', + date:'Nov 29, 2022', + comment:'22', + desc:'Lorem ipsum dolor sit amet cons tetur adip isicing sed eiusmod.', + blog_list:true, + }, + { + id:38, + img:'/assets/images/blog/blog-31.jpg', + category:'Lecture', + title:'Ten Benefits Of Rentals That May Change', + date:'Nov 30, 2022', + comment:'18', + desc:'Lorem ipsum dolor sit amet cons tetur adip isicing sed eiusmod.', + blog_list:true, + }, +] + +export default blog_data; \ No newline at end of file diff --git a/src/data/course-data.js b/src/data/course-data.js new file mode 100644 index 0000000..7611135 --- /dev/null +++ b/src/data/course-data.js @@ -0,0 +1,2194 @@ +const course_data = [ + { + id: 1, + img: 'Tittle-01.jpg', + duration: '4 Weeks', + course_outline:'Online + Onsite', + level: 'Advanced', + title: 'The Complete 2024 Fullstack Web Developer Courses.', + rating: '4.9', + rating_count: 8, + course_price: '49.00', + lesson: 13, + student: 28, + category:'Art & Design', + short_desc: 'Learn HTML5, CSS3, JavaScript, Python, Wagtail CMS, PHP & MySQL from scratch!', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:' Our Clients base has grown by 100%, a clear indication that our solutions resonate in the market. This growth wouldn’t have been possible without your hard work and commitment.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'This beginner-friendly course covers the basics of web development, introducing essential concepts and tools. Students will learn HTML, CSS, and JavaScript to create simple, interactive web pages.Key Topics:', + course_desc_2: 'Dive deeper into front-end technologies in this immersive bootcamp. Perfect for aspiring front-end developers, this course emphasizes hands-on projects and real-world applications.', + learn_list: ['Learn to use your skills professionally, learning both Frontend & Backend!', 'Build 6 beautiful real-world projects for your portfolio (not boring toy apps)', 'Understand the Theory behind Vue.js and use it in Real Projects', 'Create responsive, accessible, and beautiful layouts'], + course_desc_3: 'By the end of a web development course, you should be equipped with a solid understanding of both front-end and back-end development, allowing you to create and manage functional, responsive, and user-friendly web applications. If you have any specific topics you want to delve deeper into, just let me know!', + curriculum_desc: 'provides a structured approach to learning web development, ensuring students build a solid foundation while gaining practical experience. Feel free to customize any part of it to better fit your programs goals!', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/pro-05.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Superb training methods and techniques in Ui/Ux , I designed two logos that clients reviewed.'}, + {img:'/assets/images/blog/pro-03.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'They trained me to design App and posted on sites like behance and dribble, I was often contacted about where I took training.'}, + {img:'/assets/images/blog/pro-01.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'I took Digital Marketing course here.I learnt campaign management by doing FB ads for an educational institution. Now I am freelancing and I get referrals from here.'}, + ] + }, + { + id: 2, + img: 'Tittle-02.jpg', + duration: '3 Weeks', + course_outline:'Online Only', + level: 'Beginner', + title: 'Practical Web Development: 20 courses in 1.', + rating: '4.4', + rating_count: 10, + course_price: '78.99', + lesson: 15, + student: 35, + category:'Development', + short_desc: 'Learn PHP, Apache, MySQL, MongoDB, Python, JavaScript, XML, JSON, HTML, CSS, WordPress and more. With practical examples', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Our Clients base has grown by 100%, a clear indication that our solutions resonate in the market. This growth wouldn’t have been possible without your hard work and commitment.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'This package spans the full spectrum of web development, from basic front-end skills to full-stack development and deployment. Perfect for anyone looking to master web development from start to finish.', + course_desc_2: ' comprehensive web development curriculum, covering everything from front-end basics, advanced JavaScript, and React to backend technologies, databases, and deployment techniques. By completing these courses, you’ll have the skills to build modern, scalable, and secure web applications..', + learn_list: ['Learn to use Python professionally, learning both Python 2 & Python 3!', 'Build 6 beautiful real-world projects for your portfolio (not boring toy apps)', 'Understand the Theory behind Vue.js and use it in Real Projects', 'Create responsive, accessible, and beautiful layouts'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'This curriculum covers essential topics across front-end development, back-end development, full-stack development, database management, and deployment. Each course is designed to build upon the skills learned in the previous one, allowing learners to become proficient in modern web development.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/pro-01.jpg',rating:4,name:'Haley Bennet',date:'Oct 10, 2024',desc:'Superb training methods and techniques in Ui/Ux , I designed two logos that clients reviewed'}, + {img:'/assets/images/blog/pro-05.jpg',rating:5,name:'Shiva',date:'Oct 15, 2024',desc:'They trained me to design App and posted on sites like behance and dribble, I was often contacted about where I took training.'}, + {img:'/assets/images/blog/pro-03.jpg',rating:4,name:'Andria',date:'Oct 19, 2024',desc:'I took Digital Marketing course here.I learnt campaign management by doing FB ads for an educational institution. Now I am freelancing and I get referrals from here.'}, + ] + }, + { + id: 3, + img: 'Tittle-03.jpg', + duration: '10 Weeks', + course_outline:'Onsite Only', + level: 'Advanced', + title: 'Advanced Web Developer Courses-Beginner to Advanced.', + rating: '5.0', + rating_count: 15, + course_price: '64.99', + lesson: 18, + student: 33, + category:'Business', + short_desc: 'Learn to Build a Complete Website with HTML5 & CSS3. Integrate JavaScript within Your Website. Learn about RWD (Responsive Web Design)', + instructor: 'R R Anbuthane', + instructor_img:'Partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Our Clients base has grown by 100%, a clear indication that our solutions resonate in the market. This growth wouldn’t have been possible without your hard work and commitment.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Performance is a key factor in user experience and SEO, and this course helps you optimize your web applications at a deep level. It covers advanced performance techniques, including lazy loading, service workers, reducing JavaScript bloat, image optimization, and minimizing critical render paths. You’ll also learn how to use tools like Lighthouse, WebPageTest, and Chrome DevTools to identify bottlenecks and enhance your app’s loading speed and responsiveness.', + course_desc_2: 'This course is designed for developers who already have a basic understanding of JavaScript and want to dive deeper into its more complex aspects. It covers advanced topics such as closures, the event loop, prototypal inheritance, higher-order functions, currying, and promises.', + learn_list: ['Learn to use Python professionally, learning both Python 2 & Python 3!', 'Build 6 beautiful real-world projects for your portfolio (not boring toy apps)', 'Understand the Theory behind Vue.js and use it in Real Projects', 'Create responsive, accessible, and beautiful layouts'], + course_desc_3: 'These advanced web development courses cover a broad spectrum of modern technologies and best practices, from mastering JavaScript and React to building scalable APIs, optimizing performance, and leveraging serverless architectures. ', + curriculum_desc: 'Each of these advanced courses is designed to give you deep, specialized knowledge in a particular area of web development. Whether you’re focusing on JavaScript, React, Node.js, full-stack development, performance optimization, cloud computing, or serverless architectures, these curricula provide a comprehensive, hands-on approach to mastering these modern web technologies.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/pro-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Superb training methods and techniques in Ui/Ux , I designed two logos that clients reviewed.'}, + {img:'/assets/images/blog/pro-05.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'They trained me to design App and posted on sites like behance and dribble, I was often contacted about where I took training.'}, + {img:'/assets/images/blog/pro-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'I took Digital Marketing course here.I learnt campaign management by doing FB ads for an educational institution. Now I am freelancing and I get referrals from here.'}, + ] + }, + { + id: 4, + img: 'Tittle-04.png', + duration: '6 Weeks', + course_outline:'Online Only', + level: 'Intermediate', + title: 'Creating a Responsive HTML Email. ', + rating: '4.5', + rating_count: 18, + course_price: '30.9', + lesson: 20, + student: 38, + category:'Academics', + short_desc: 'Create attractive, responsive, HTML Emails, that work in over 30 combinations of the most commonly used email clients.', + instructor: 'R R Anbuthane.', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Our Clients base has grown by 100%, a clear indication that our solutions resonate in the market. This growth wouldn’t have been possible without your hard work and commitment.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Learn to use Python professionally, learning both Python 2 & Python 3!', 'Build 6 beautiful real-world projects for your portfolio (not boring toy apps)', 'Understand the Theory behind Vue.js and use it in Real Projects', 'Create responsive, accessible, and beautiful layouts'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/pro-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2024',desc:'Superb training methods and techniques in Ui/Ux , I designed two logos that clients reviewed.'}, + {img:'/assets/images/blog/pro-05.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2024',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/pro-02.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2024',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 5, + img: 'Tittle-05.jpg', + duration: '6 Weeks', + course_outline:'Online + Onsite', + level: 'Advanced', + title: 'The Complete 2023 Web Development Bootcamp', + rating: '4.8', + rating_count: 27, + course_price: '49.99', + lesson: 35, + student: 48, + category:'Art & Design', + short_desc: 'Lorem ipsum dolor sit amet consectur adipiscing elit sed eiusmod tempor.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Our Clients base has grown by 100%, a clear indication that our solutions resonate in the market. This growth wouldn’t have been possible without your hard work and commitment.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Learn to use Python professionally, learning both Python 2 & Python 3!', 'Build 6 beautiful real-world projects for your portfolio (not boring toy apps)', 'Understand the Theory behind Vue.js and use it in Real Projects', 'Create responsive, accessible, and beautiful layouts'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 6, + img: 'Tittle-06.jpg', + duration: '9 Weeks', + course_outline:'Online + Onsite', + level: 'Intermediate', + title: 'Python for Beginners - Learn Programming from scratch', + rating: '4.9', + rating_count: 30, + course_price: '64.99', + lesson: 12, + student: 85, + category:'Marketing', + short_desc: 'Lorem ipsum dolor sit amet consectur adipiscing elit sed eiusmod tempor.', + instructor: 'R R Anbuthane.', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Our Clients base has grown by 100%, a clear indication that our solutions resonate in the market. This growth wouldn’t have been possible without your hard work and commitment.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Learn to use Python professionally, learning both Python 2 & Python 3!', 'Build 6 beautiful real-world projects for your portfolio (not boring toy apps)', 'Understand the Theory behind Vue.js and use it in Real Projects', 'Create responsive, accessible, and beautiful layouts'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 7, + university_courses:true, + img: 'Tittle-09.jpg', + filter_category:["undergraduate","graduate"], + duration: '6 Weeks', + course_outline:'Online + Onsite', + level: 'Business', + title: '2 Hours, Complete JavaScript', + rating: '5.0', + rating_count: 11, + course_price: '50.99', + lesson: 20, + student: 38, + category:'Art & Design', + short_desc: 'Learn how to code in HTML in 1 hour. This class is set up for complete beginners!', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Our Clients base has grown by 100%, a clear indication that our solutions resonate in the market. This growth wouldn’t have been possible without your hard work and commitment.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language:'English', + certificate:'yes', + videoId:'c238xxeDdFI', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Learn to use Python professionally, learning both Python 2 & Python 3!', 'Build 6 beautiful real-world projects for your portfolio (not boring toy apps)', 'Understand the Theory behind Vue.js and use it in Real Projects', 'Create responsive, accessible, and beautiful layouts'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 8, + university_courses:true, + img: 'Tittle-07.webp', + filter_category:["undergraduate","graduate"], + duration: '10 Weeks', + course_outline:'Online + Onsite', + level: 'Business', + title: 'The complete Android developers Training', + rating: '4.9', + rating_count: 15, + course_price: '72.99', + lesson: 20, + student: 35, + category:'Development', + short_desc: 'Learn Android O App Development using Java & Kotlin - build real apps including Super Mario Run, Whatsapp and Instagram!', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Our Clients base has grown by 100%, a clear indication that our solutions resonate in the market. This growth wouldn’t have been possible without your hard work and commitment.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Learn to use Python professionally, learning both Python 2 & Python 3!', 'Build 6 beautiful real-world projects for your portfolio (not boring toy apps)', 'Understand the Theory behind Vue.js and use it in Real Projects', 'Create responsive, accessible, and beautiful layouts'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 9, + university_courses:true, + img: 'mobweb-02.webp', + filter_category:["undergraduate","online"], + duration: '3 Weeks', + level: 'Business', + course_outline:'Online Only', + title: 'Complete Web & Mobile Designer.', + rating: '4.4', + rating_count: 10, + course_price: '78.99', + lesson: 15, + student: 35, + category:'Art & Design', + short_desc: 'Designed to help students master mobile app design by teaching the core principles of UI/UX design.', + instructor: 'R R Anbuthane.', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Our Clients base has grown by 100%, a clear indication that our solutions resonate in the market. This growth wouldn’t have been possible without your hard work and commitment.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: [ 'Learn to use Python professionally, learning both Python 2 & Python 3!', 'Build 6 beautiful real-world projects for your portfolio (not boring toy apps)', 'Understand the Theory behind Vue.js and use it in Real Projects', 'Create responsive, accessible, and beautiful layouts'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 10, + duration: '6 to 8 Weeks', + course_outline:'Onsite Only', + img: 'mobweb-03.jpg', + hours: 35, + level: 'Beginner', + title: 'Mobile Testing (Android/IOS)', + rating: '5', + rating_count: 8, + course_price: '35', + lesson: 13, + student: 35, + category:'Art & Design', + short_desc: ' This course will provide you with the knowledge and practical experience needed to test mobile applications effectively on both platforms.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 11, + duration: '9 Weeks', + course_outline:'Online Only', + img: 'mobweb-04.jpg', + hours: 45, + level: 'Intermediate', + title: 'Mobile Ethical Hacking. (Advanced)', + rating: '4.8', + rating_count: 16, + course_price: '40', + lesson: 18, + student: 42, + category:'Art & Design', + short_desc: 'Learn various ethical hacking techniques, tools, and frameworks used to test the security of Android and iOS mobile apps.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 12, + duration: '8 Weeks', + course_outline:'Online + Onsite', + img: 'mobweb-01.jpg', + hours: 20, + level: 'Advanced', + title: 'Full Stack Android Development.', + rating: '5', + rating_count: 20, + course_price: '50', + lesson: 8, + student: 50, + category:'Marketing', + short_desc: 'This comprehensive course will cover everything from building native Android apps with Java and Kotlin, back-end using Node.js,MongoDB,and Firebase.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 13, + duration: '7 to 9 Weeks', + course_outline:'Onsite Only', + img: 'mobweb-05.avif', + hours: 25, + level: 'developing', + title: 'Hardware Mobile Repair Courses. (Detailed classes) ', + rating: '4.5', + rating_count: 20, + course_price: '30', + lesson: 18, + student: 25, + category:'Academics', + short_desc: 'The course is ideal for anyone interested in entering the mobile repair industry or for current technicians looking to expand their skill set.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + // kitchen course + { + id: 14, + kitchen_course:true, + course_outline:'Online Only', + duration: '16 Weeks', + img: 'mobweb-06.webp', + hours: 30, + level: 'developing', + title: 'Course For Mobile Photography (Android / IOS), Advanced Classes For IOS.', + rating: '5', + rating_count: 35, + course_price: '40', + lesson: 22, + student: 28, + category:'Marketing', + short_desc: 'For those looking to specialize in iOS mobile photography, the course offers advanced iPhone-specific techniques and workflows.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Professional Japanese cooking from beginners to experts', + 'Will be able to cook authentic Italian recipes in their own kitchen', + 'Understand the HOW of cooking, before thinking of the WHAT to cook.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 15, + kitchen_course:true, + duration: ' 9 Weeks', + course_outline:'Online + Onsite', + img: 'fullstack-01.webp', + hours: 32, + level: 'Develevoping', + title: 'Full Stack Development With Mern Stack & Gen AI 2024 ', + rating: '4', + rating_count: 38, + course_price: '50', + lesson: 15, + student: 31, + category:'Business', + short_desc: ' Popular stack for web development that combines MongoDB, Express.js, React.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Prepare a huge variety of simple, delicious, healthy recipes.', + 'Professional Indian cooking from beginners to experts.', + 'Serve delicious and healthy meals for your loved ones.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 16, + kitchen_course:true, + duration: '13 Weeks', + course_outline:'Onsite Only', + img: 'fullstack-02.png', + hours: 35, + level: 'developing', + title: 'Web Development Bootcamp 2024.', + rating: '5', + rating_count: 40, + course_price: '60', + lesson: 20, + student: 36, + category:'Academics', + short_desc: 'Focus on JavaScript, and popular frameworks like React and Node.js.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Cook much loved recipes like ravioli, pizza and pesto from scratch', + 'Cook better than restaurant Thai food at home', + 'Keep your food safe from harmful bacteria and disease.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 17, + kitchen_course:true, + duration: '20 Weeks', + course_outline:'Online + Onsite', + img: 'fullstack-03.webp', + hours: 40, + level: 'developing', + //level: 'Drawing', + title: 'React Js, Angular and Node Js. (Full Stack)', + rating: '5', + rating_count: 35, + course_price: '30', + lesson: 22, + student: 40, + category:'Development', + short_desc: 'React.js, Angular, and Node.js. Powerful combination for building web app.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Professional Indian cooking from beginners to experts.', + 'Prepare a huge variety of simple, delicious, healthy recipes.', + 'Serve delicious and healthy meals for your loved ones.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 18, + kitchen_course:true, + duration: '15 Weeks', + course_outline:'Online + Onsite', + img: 'fullstack-04.jpg', + hours: 32, + level: 'Developing', + title: '50 Days Code Camp.', + rating: '4', + rating_count: 38, + course_price: '50', + lesson: 15, + student: 31, + category:'Business', + short_desc: 'Hands-on coding program designed to teach essential programming skills over 50 days.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Prepare a huge variety of simple, delicious, healthy recipes.', + 'Professional Indian cooking from beginners to experts.', + 'Serve delicious and healthy meals for your loved ones.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 19, + kitchen_course:true, + duration: '13 Weeks', + course_outline:'Onsite Only', + img: 'fullstack-05.jpg', + hours: 35, + level: 'developing', + title: 'AI with Python (Full Stack)', + rating: '5', + rating_count: 40, + course_price: '60', + lesson: 20, + student: 36, + category:'Academics', + short_desc: 'AI with Python (Full Stack) teaches building AI-powered web apps using Python,and full-stack technologies.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Cook much loved recipes like ravioli, pizza and pesto from scratch', + 'Cook better than restaurant Thai food at home', + 'Keep your food safe from harmful bacteria and disease.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 20, + yoga_course: true, + img: 'fullstack-06.jpg', + duration: '9 Weeks', + course_outline:'Onsite Only', + level: 'developing', + title: 'Beginner To Advanced Courses Here (Full Stack)', + rating: '4.9', + rating_count: 30, + course_price: '30', + lesson: 12, + student: 85, + category:'Marketing', + short_desc: 'Beginner to Advanced web courses cover,from front-end to back-end skills.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Learn to use Python professionally, learning both Python 2 & Python 3!', 'Build 6 beautiful real-world projects for your portfolio (not boring toy apps)', 'Understand the Theory behind Vue.js and use it in Real Projects', 'Create responsive, accessible, and beautiful layouts'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 21, + yoga_course: true, + img: 'uiux-01.png', + duration: '6 Weeks', + course_outline:'Online + Onsite', + level: 'Beginner', + title: 'Complete Web & Mobile Designer (UI / UX)', + rating: '5.0', + rating_count: 11, + course_price: '40', + lesson: 20, + student: 38, + category:'Art & Design', + short_desc: 'Complete Web and Mobile Designer UI/UX Course that provides a detailed path to learning these essential design skills.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language:'English', + certificate:'yes', + videoId:'c238xxeDdFI', + course_desc: 'UI design focuses on the look and feel of a product’s interface, ensuring that it is visually appealing, easy to use, and consistent across all platforms. The core of UI design is about organizing elements to enhance usability while reflecting the brand’s personality.', + course_desc_2: 'Uniformity across design elements—buttons, fonts, color schemes, and icons—ensures that users can predict behavior and understand navigation intuitively. This refers to the arrangement of elements in a way that guides the user’s attention naturally. By controlling size, color, contrast, and spacing, designers prioritize the most important elements.', + learn_list: ['Learn to use Python professionally, learning both Python 2 & Python 3!', 'Build 6 beautiful real-world projects for your portfolio (not boring toy apps)', 'Understand the Theory behind Vue.js and use it in Real Projects', 'Create responsive, accessible, and beautiful layouts'], + course_desc_3: 'Ensuring that interfaces look good and function well on any device, whether it’s mobile, tablet, or desktop. Responsiveness involves fluid layouts, flexible images, and adaptive elements.', + curriculum_desc: 'This curriculum is broken down into beginner, intermediate, and advanced topics, covering theory, practical skills, tools, and design principles.UI/UX Design involves structuring a learning path that covers all the essential areas from foundational concepts to advanced techniques. Below is a comprehensive curriculum outline that could be used for a UI/UX Design course or learning path.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 22, + yoga_course:true, + img: 'uiux-02.webp', + duration: '9 to 10 Weeks', + course_outline:'Online + Onsite', + level: 'BEginner', + title: 'Figma UI / UX Design Essentials.', + rating: '4.9', + rating_count: 15, + course_price: '50', + lesson: 20, + student: 35, + category:'Development', + short_desc: 'Figma UI/UX Design Essentials course is designed to teach you everything you need to get started with UI/UX design using Figma, from basic principles to advanced techniques.', + instructor: 'R R Anbuthane.', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Learn to use Python professionally, learning both Python 2 & Python 3!', 'Build 6 beautiful real-world projects for your portfolio (not boring toy apps)', 'Understand the Theory behind Vue.js and use it in Real Projects', 'Create responsive, accessible, and beautiful layouts'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'This curriculum is broken down into beginner, intermediate, and advanced topics, covering theory, practical skills, tools, and design principles.UI/UX Design involves structuring a learning path that covers all the essential areas from foundational concepts to advanced techniques. Below is a comprehensive curriculum outline that could be used for a UI/UX Design course or learning path.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 23, + yoga_course: true, + img: 'uiux-03.jpg', + duration: '3 to 4 Weeks', + level: 'Advanced', + course_outline:'Online Only', + title: 'Figma UI / UX Design Advanced.', + rating: '4.4', + rating_count: 10, + course_price: '60', + lesson: 15, + student: 35, + category:'Art & Design', + short_desc: 'You’ll be able to design for multiple platforms (web, mobile, tablet) and devices while adhering to the best design practices.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Learn to use Python professionally, learning both Python 2 & Python 3!', 'Build 6 beautiful real-world projects for your portfolio (not boring toy apps)', 'Understand the Theory behind Vue.js and use it in Real Projects', 'Create responsive, accessible, and beautiful layouts'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'This curriculum is broken down into beginner, intermediate, and advanced topics, covering theory, practical skills, tools, and design principles.UI/UX Design involves structuring a learning path that covers all the essential areas from foundational concepts to advanced techniques. Below is a comprehensive curriculum outline that could be used for a UI/UX Design course or learning path.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 24, + yoga_course: true, + duration: '12 Weeks', + course_outline:'Online Only', + img: 'uiux-04.jpg', + hours: 35, + level: 'Advanced', + title: 'User Experience Design Essentials', + rating: '5', + rating_count: 8, + course_price: '70', + lesson: 13, + student: 35, + category:'Art & Design', + short_desc: 'you will have practical experience creating user personas, wireframes, prototypes, and performing user testing—all vital components of the UX design process.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'This curriculum is broken down into beginner, intermediate, and advanced topics, covering theory, practical skills, tools, and design principles.UI/UX Design involves structuring a learning path that covers all the essential areas from foundational concepts to advanced techniques. Below is a comprehensive curriculum outline that could be used for a UI/UX Design course or learning path.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 25, + yoga_course: true, + duration: '9 Weeks', + course_outline:'Online Only', + img: 'web-04.jpg', + hours: 45, + level: 'Beginner to Advanced', + title: 'Complete Web Design: HTML-5, CSS, JavaScript, Vue, React, Git.', + rating: '4.8', + rating_count: 16, + course_price: '80', + lesson: 18, + student: 42, + category:'Art & Design', + short_desc: 'gain a deep understanding of how web design works from both a technical and creative perspective, enabling you to deliver excellent user experiences.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'This curriculum is broken down into beginner, intermediate, and advanced topics, covering theory, practical skills, tools, and design principles.UI/UX Design involves structuring a learning path that covers all the essential areas from foundational concepts to advanced techniques. Below is a comprehensive curriculum outline that could be used for a UI/UX Design course or learning path.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + // kindergarten course + { + id: 26, + kindergarten_course:true, + duration: '5 Weeks', + course_outline:'Online + Onsite', + img: 'web-02.webp', + bg_color:'bg-color-extra02', + hours: 12, + level: 'Begginer', + title: 'Responsive Web Design With Html-5, CSS.', + rating: '4', + rating_count: 40, + course_price: '40', + lesson: 25, + student: 45, + category:'Art & Design', + short_desc: 'The course will also cover the use of CSS Grid and Flexbox, two powerful layout techniques that make building responsive websites easier.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 27, + kindergarten_course:true, + duration: '12 Weeks', + course_outline:'Online + Onsite', + img: 'web-03.jpg', + bg_color:'bg-color-primary', + hours: 41, + level: 'Advanced', + title: 'Web Disgninig For Beginners.', + rating: '5', + rating_count: 42, + course_price: '50', + lesson: 28, + student: 50, + category:'Development', + short_desc: 'Get a solid understanding of how to structure and style a website to make it both user-friendly and visually appealing.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 28, + kindergarten_course:true, + duration: '5 Weeks', + course_outline:'Onsite Only', + img: 'web-01.jpg', + bg_color:'bg-color-secondary', + hours: 12, + level: 'Beginner', + title: 'The Web Developer Camp 2024.', + rating: '4.5', + rating_count: 40, + course_price: '60', + lesson: 25, + student: 45, + category:'Art & Design', + short_desc: ' You will work on real-world projects, develop problem-solving skills, and gain the confidence to start your career as a full-stack web developer.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 29, + kindergarten_course:true, + duration: '12 Weeks', + course_outline:'Online + Onsite', + img: 'web-05.jpg', + bg_color:'bg-color-extra02', + hours: 41, + level: 'Parenting', + title: 'Successfull Website Design Hosting & SEO Business', + rating: '5', + rating_count: 42, + course_price: '70', + lesson: 28, + student: 50, + category:'Development', + short_desc: 'This business model combines three critical elements of the digital landscape: website design, web hosting, and SEO (Search Engine Optimization).', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 30, + kindergarten_course:true, + duration: '5 Weeks', + course_outline:'Online Only', + img: 'web-06.jpg', + bg_color:'bg-color-primary', + hours: 12, + level: 'Advanced', + title: 'Graphic Design Theory, Web & Degital Design.', + rating: '4.5', + rating_count: 40, + course_price: '80', + lesson: 25, + student: 45, + category:'Art & Design', + short_desc: 'Graphic Design Theory, Web & Degital Design.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + }, + { + id: 31, + kindergarten_course:true, + duration: '12 Weeks', + course_outline:'Online + Onsite', + img: 'web-07.jpg', + bg_color:'bg-color-secondary', + hours: 41, + level: 'Parenting', + title: 'Learn Complete Front-End Web Development Course', + rating: '5', + rating_count: 42, + course_price: '90', + lesson: 28, + student: 50, + category:'Development', + short_desc: 'Complete Front-End Web Development Course, breaking down the essential skills and topics covered.', + instructor: 'R R Anbuthane', + instructor_img:'partner-02.webp', + instructor_title:'Founder & CEO', + instructor_desc:'Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.', + features: [ + 'Build fully-fledged websites and web apps for your business.', + 'After the course you will be able to build ANY website you want.', + 'You will master both front and back-end development technologies.' + ], + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'}, + {link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube'} + ], + language: 'English', + certificate: 'yes', + videoId: 'PICj5tr9hcc', + course_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam.', + course_desc_2: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.', + learn_list: ['Professional Japanese cooking from beginners to experts','Will be able to cook authentic Italian recipes in their own kitchen','Understand the HOW of cooking, before thinking of the WHAT to cook.'], + course_desc_3: 'Consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor.', + curriculum_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat.', + course_lessons: [ + { + title: 'Week 1-4', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Introduction', icon: 'icon-68' }, + { title: 'Course Overview', icon: 'icon-68' }, + { title: 'Course Overview', badge_list: true, question: 0, minutes: 10 }, + { title: 'Course Exercise / Reference Files', icon: 'icon-68' }, + { title: 'Code Editor Installation (Optional if you have one)', icon: 'icon-68' }, + { title: ' Embedding PHP in HTML', icon: 'icon-68' }, + ] + }, + { + title: 'Week 5-8', + text: 'Advanced story telling techniques for writers: Personas, Characters & Plots', + lessons: [ + { title: 'Defining Functions', icon: 'icon-68' }, + { title: 'Function Parameters', icon: 'icon-68' }, + { title: ' Return Values From Functions', badge_list: true, question: 2, minutes: 15 }, + { title: ' Global Variable and Scope', icon: 'icon-68' }, + { title: 'Newer Way of creating a Constant', icon: 'icon-68' }, + { title: 'Constants', icon: 'icon-68' }, + ] + }, + ], + reviews:[ + {img:'/assets/images/blog/comment-01.jpg',rating:5,name:'Haley Bennet',date:'Oct 10, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-02.jpg',rating:5,name:'Simon Baker',date:'Oct 15, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + {img:'/assets/images/blog/comment-03.jpg',rating:5,name:'Richard Gere',date:'Oct 19, 2021',desc:'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}, + ] + } +] + +export default course_data; \ No newline at end of file diff --git a/src/data/event-data.js b/src/data/event-data.js new file mode 100644 index 0000000..cd582cc --- /dev/null +++ b/src/data/event-data.js @@ -0,0 +1,238 @@ +const event_data = [ + { + id: 1, + img: '/assets/images/event/event-01.jpg', + time:'08:00AM-10:00PM', + title: 'Learn English in Ease', + date: "SEP 30 2022", + sm_desc: 'Lorem ipsum dolor sit amet consectur elit sed eiusmod ex tempor incididunt labore dolore magna.', + delay:'100', + event_meta:'Newyork City, USA', + university:true, + event_grid:true, + }, + { + id: 2, + img: '/assets/images/event/event-02.jpg', + time:'04:00PM-07:00PM', + title: 'Annual Workshop', + date: "DEC 25 2022", + sm_desc: 'Lorem ipsum dolor sit amet consectur elit sed eiusmod ex tempor incididunt labore dolore magna.', + delay:'200', + event_meta:'Washington D.C, USA', + university:true, + event_grid:true, + }, + { + id: 3, + img: '/assets/images/event/event-03.jpg', + time:'10:00AM-11:00AM', + title: 'Design Think & Innovation', + date: "NOV 25 2022", + sm_desc: 'Lorem ipsum dolor sit amet consectur elit sed eiusmod ex tempor incididunt labore dolore magna.', + delay:'300', + event_meta:'New york City, USA', + university:true, + event_grid:true, + }, + // home 7 + { + id: 4, + img: '/assets/images/event/eve-01.jpg', + bg_style:'bg-style-extra02', + time:'10:00AM-11:00AM', + title: 'CES (Consumer Electronics Show)', + date: "Nov 18, 2022", + sm_desc: 'Lorem ipsum dolor sit amet consectur adipisicing elit.', + event_meta:'Ohio City, USA', + home_7:true, + }, + { + id: 5, + img: '/assets/images/event/eve-02.jpg', + bg_style:'bg-style-secondary', + time:'09:00AM-11:00AM', + title: 'DEF CON (Cybersecurity)', + date: "Oct 15, 2022", + sm_desc: 'Lorem ipsum dolor sit amet consectur adipisicing elit.', + event_meta:'Newyork City, USA', + home_7:true, + }, + { + id: 6, + img: '/assets/images/event/eve-03.jpg', + bg_style:'bg-style-extra05', + time:'08:00AM-09:00AM', + title: ' Gartner IT Symposium/Xpo', + date: "Dec 15, 2022", + sm_desc: 'Lorem ipsum dolor sit amet consectur adipisicing elit.', + event_meta:'Washington D.C, USA', + home_7:true, + }, + { + id: 7, + img: '/assets/images/event/eve-04.jpg', + bg_style:'bg-style-primary', + time:'11:00AM-12:PM', + title: 'IoT World Conference & Expo', + date: "Dec 28, 2022", + sm_desc: 'Lorem ipsum dolor sit amet consectur adipisicing elit.', + event_meta:'Ohio City, USA', + home_7:true, + }, + // event_grid, + { + id: 8, + img: '/assets/images/event/event-08.jpg', + time:'08:00AM-10:00PM', + title: 'Annual Workshop', + date: "OCT 28 2022", + sm_desc: 'Lorem ipsum dolor sit amet consectur elit sed eiusmod ex tempor incididunt labore dolore magna.', + event_meta:'Newyork City, USA', + event_grid:true, + }, + { + id: 9, + img: '/assets/images/event/event-09.jpg', + time:'08:00AM-10:00PM', + title: 'Annual Workshop', + date: "OCT 25 2022", + sm_desc: 'Lorem ipsum dolor sit amet consectur elit sed eiusmod ex tempor incididunt labore dolore magna.', + event_meta:'Newyork City, USA', + event_grid:true, + }, + { + id: 10, + img: '/assets/images/event/event-10.jpg', + time:'08:00AM-10:00PM', + title: 'Annual Workshop', + date: "OCT 18 2022", + sm_desc: 'Lorem ipsum dolor sit amet consectur elit sed eiusmod ex tempor incididunt labore dolore magna.', + event_meta:'Newyork City, USA', + event_grid:true, + }, + { + id: 11, + img: '/assets/images/event/event-08.jpg', + time:'08:00AM-10:00PM', + title: 'Annual Workshop', + date: "OCT 28 2022", + sm_desc: 'Lorem ipsum dolor sit amet consectur elit sed eiusmod ex tempor incididunt labore dolore magna.', + event_meta:'Newyork City, USA', + event_grid:true, + }, + + // event lists + { + id: 12, + img: '/assets/images/event/event-14.jpg', + time:'08:00AM-10:00PM', + title: 'Global Education Fall Meeting for Everyone', + date: "OCT 28, 2022", + sm_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt.', + event_meta:'Newyork City, USA', + event_list:true, + category:'Art & Design', + }, + { + id: 13, + img: '/assets/images/event/event-15.jpg', + time:'09:00AM-11:00PM', + title: 'Our excellence partner France Pavilion', + date: "FEB 28, 2022", + sm_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt.', + event_meta:'Newyork City, USA', + event_list:true, + category:'Development', + }, + { + id: 14, + img: '/assets/images/event/event-16.jpg', + time:'07:00AM-09:00PM', + title: 'Explorations of New Approaches Works', + date: "FEB 15, 2022", + sm_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt.', + event_meta:'Newyork City, USA', + event_list:true, + category:'Business', + }, + { + id: 15, + img: '/assets/images/event/event-17.jpg', + time:'06:00AM-08:00PM', + title: 'Digital Arts & Reshaping the Future with AI', + date: "JAN 18, 2022", + sm_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt.', + event_meta:'Newyork City, USA', + event_list:true, + category:'Marketing', + }, + { + id: 16, + img: '/assets/images/event/event-18.jpg', + time:'07:00AM-08:00PM', + title: 'Online Presentation on PowerPoint 2022', + date: "DEC 18, 2022", + sm_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt.', + event_meta:'Newyork City, USA', + event_list:true, + category:'Art & Design', + }, + { + id: 17, + img: '/assets/images/event/event-19.jpg', + time:'08:00AM-10:00PM', + title: 'London International Conference', + date: "DEC 20, 2022", + sm_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt.', + event_meta:'Newyork City, USA', + event_list:true, + category:'Business', + }, + { + id: 18, + img: '/assets/images/event/event-19.jpg', + time:'08:00AM-10:00PM', + title: 'Digital Arts & Reshaping the Future with AI', + date: "DEC 22, 2022", + sm_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt.', + event_meta:'Newyork City, USA', + event_list:true, + category:'Marketing', + }, + { + id: 19, + img: '/assets/images/event/event-22.jpg', + time:'07:00AM-08:00PM', + title: 'Changes in Healthcare', + date: "DEC 18, 2022", + sm_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt.', + event_meta:'Newyork City, USA', + health_coach_event:true, + category:'Art & Design', + }, + { + id: 20, + img: '/assets/images/event/event-23.jpg', + time:'08:00AM-10:00PM', + title: 'Future Trends in Healthcare', + date: "DEC 20, 2022", + sm_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt.', + event_meta:'Newyork City, USA', + health_coach_event:true, + category:'Business', + }, + { + id: 21, + img: '/assets/images/event/event-24.jpg', + time:'08:00AM-10:00PM', + title: 'Health Education Plan', + date: "DEC 22, 2022", + sm_desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt.', + event_meta:'Newyork City, USA', + health_coach_event:true, + category:'Marketing', + }, +] + +export default event_data; \ No newline at end of file diff --git a/src/data/index.js b/src/data/index.js new file mode 100644 index 0000000..aa2eea0 --- /dev/null +++ b/src/data/index.js @@ -0,0 +1,14 @@ +import course_data from "./course-data"; +import instructors_data from "./instructors"; +import blog_data from "./blog-data"; +import event_data from "./event-data"; +import shop_data from "./shop-data"; + + +export { + course_data, + instructors_data, + blog_data, + event_data, + shop_data, +} \ No newline at end of file diff --git a/src/data/instructors.js b/src/data/instructors.js new file mode 100644 index 0000000..f1be52b --- /dev/null +++ b/src/data/instructors.js @@ -0,0 +1,146 @@ +const instructors_data = [ + { + id:1, + img:'pro-ins-01.jpg', + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'} + ], + name:'R R Anbuthane', + title:'Founder & CEO', + delay:'50', + sm_text:"Consectetur adipisicing elit, sed do eius mod tempor incididunt" + }, + { + id:2, + img:'pro-ins-02.jpg', + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'} + ], + name:'Julia Andrei', + title:'Web Developer', + delay:'100', + sm_text:"Consectetur adipisicing elit, sed do eius mod tempor incididunt" + }, + { + id:3, + img:'pro-ins-03.jpg', + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'} + ], + name:'Penelope Cruz', + title:'Digital Marketer', + delay:'150', + sm_text:"Consectetur adipisicing elit, sed do eius mod tempor incididunt" + }, + { + id:4, + img:'pro-ins-04.jpg', + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'} + ], + name:'John Travolta', + title:'Wordpress Expert', + delay:'200', + sm_text:"Consectetur adipisicing elit, sed do eius mod tempor incididunt" + }, + { + id:5, + img:'pro-ins-07.jpg', + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'} + ], + name:'Jessi Smith', + title:'Wordpress Expert', + sm_text:"Consectetur adipisicing elit, sed do eius mod tempor incididunt" + }, + { + id:6, + img:'pro-ins-06.jpg', + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'} + ], + name:'Connie Comerford', + title:'Web Developer', + sm_text:"Consectetur adipisicing elit, sed do eius mod tempor incididunt" + }, + { + id:7, + img:'team-07.webp', + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'} + ], + name:'Hilary Swank', + title:'Digital Marketer', + sm_text:"Consectetur adipisicing elit, sed do eius mod tempor incididunt" + }, + { + id:8, + img:'team-08.webp', + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'} + ], + name:'Michael Douglas', + title:'Designer', + sm_text:"Consectetur adipisicing elit, sed do eius mod tempor incididunt" + } +] + +export const yoga_instructor = [ + { + id:1, + img:'ins-01.jpg', + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'} + ], + name:'Nancy Dew', + title:'Developer', + delay:'50', + sm_text:"Consectetur adipisicing elit, sed do eius mod tempor incididunt" + }, + { + id:2, + img:'ins-02.jpg', + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'} + ], + name:'Jared Hayes', + title:'Designer', + delay:'100', + sm_text:"Consectetur adipisicing elit, sed do eius mod tempor incididunt" + }, + { + id:3, + img:'ins-03.jpg', + social_links:[ + {link: 'http://facebook.com', target: '_blank', icon: 'icon-facebook'}, + {link: 'http://twitter.com', target: '_blank', icon: 'icon-twitter'}, + {link: 'https://www.linkedin.com/', target: '_blank', icon: 'icon-linkedin2'} + ], + name:'Rebecca Roye', + title:'Web Developer', + delay:'150', + sm_text:"Consectetur adipisicing elit, sed do eius mod tempor incididunt" + } +]; + +export default instructors_data; \ No newline at end of file diff --git a/src/data/shop-data.js b/src/data/shop-data.js new file mode 100644 index 0000000..b374219 --- /dev/null +++ b/src/data/shop-data.js @@ -0,0 +1,160 @@ +const shop_data = [ + { + id:1, + img:'/assets/images/shop/product-01.jpg', + title:'Sing To It', + rating:[1,2,3,4,5], + total_rating:3, + price:'70.00', + desc:'Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. sed ut perspic atis unde omnis iste natus.', + sku:'MB-007', + category:'Book', + tag:['Business','Administration'], + delay:'100' + }, + { + id:2, + img:'/assets/images/shop/product-02.jpg', + title:'Natural Science Project', + rating:[1,2,3,4,5], + total_rating:5, + price:'60.00', + desc:'Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. sed ut perspic atis unde omnis iste natus.', + sku:'MB-008', + category:'Book', + tag:['Business','Administration'], + delay:'150' + }, + { + id:3, + img:'/assets/images/shop/product-03.jpg', + title:'The King of Drugs', + rating:[1,2,3,4,5], + total_rating:7, + price:'80.00', + desc:'Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. sed ut perspic atis unde omnis iste natus.', + sku:'MB-088', + category:'Book', + tag:['Business','Administration'], + delay:'200' + }, + { + id:4, + img:'/assets/images/shop/product-04.jpg', + title:'Ray Brandbury', + rating:[1,2,3,4,5], + total_rating:10, + price:'90.00', + desc:'Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. sed ut perspic atis unde omnis iste natus.', + sku:'MB-098', + category:'Book', + tag:['Business','Administration'], + delay:'250' + }, + { + id:5, + img:'/assets/images/shop/product-05.jpg', + title:'Educated A Memoir', + rating:[1,2,3,4,5], + total_rating:5, + price:'85.00', + desc:'Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. sed ut perspic atis unde omnis iste natus.', + sku:'MB-098', + category:'Book', + tag:['Business','Administration'], + delay:'300' + }, + { + id:6, + img:'/assets/images/shop/product-06.jpg', + title:'The Silver Chair', + rating:[1,2,3,4,5], + total_rating:12, + price:'99.00', + desc:'Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. sed ut perspic atis unde omnis iste natus.', + sku:'MB-098', + category:'Book', + tag:['Business','Administration'], + delay:'350' + }, + { + id:7, + img:'/assets/images/shop/product-07.jpg', + title:'Harry Potter', + rating:[1,2,3,4], + total_rating:14, + price:'110.00', + desc:'Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. sed ut perspic atis unde omnis iste natus.', + sku:'MB-98', + category:'Book', + tag:['Business','Administration'], + delay:'400' + }, + { + id:8, + img:'/assets/images/shop/product-08.jpg', + title:'Code Breaker', + rating:[1,2,3,4,5], + total_rating:15, + price:'95.00', + desc:'Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. sed ut perspic atis unde omnis iste natus.', + sku:'MB-989', + category:'Book', + tag:['Business','Administration'], + delay:'450' + }, + { + id:9, + img:'/assets/images/shop/product-09.jpg', + title:'Vanguard', + rating:[1,2,3,4], + total_rating:16, + price:'65.00', + desc:'Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. sed ut perspic atis unde omnis iste natus.', + sku:'MB-988', + category:'Book', + tag:['Business','Administration'], + delay:'500' + }, + { + id:10, + img:'/assets/images/shop/product-10.jpg', + title:'Arctic Sea', + rating:[1,2,3,4], + total_rating:18, + price:'75.00', + desc:'Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. sed ut perspic atis unde omnis iste natus.', + sku:'MB-988', + category:'Book', + tag:['Business','Administration'], + delay:'550' + }, + { + id:11, + img:'/assets/images/shop/product-11.jpg', + title:'Secret Sky', + rating:[1,2,3,4,5], + total_rating:20, + price:'130.00', + desc:'Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. sed ut perspic atis unde omnis iste natus.', + sku:'MB-988', + category:'Book', + tag:['Business','Administration'], + delay:'600' + }, + { + id:12, + img:'/assets/images/shop/product-12.jpg', + title:'Women Who Launch', + rating:[1,2,3,4,5], + total_rating:22, + price:'125.00', + desc:'Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. sed ut perspic atis unde omnis iste natus.', + sku:'MB-988', + category:'Book', + tag:['Business','Administration'], + delay:'650' + }, +] + +export default shop_data; \ No newline at end of file diff --git a/src/firebase/firebase.config.js b/src/firebase/firebase.config.js new file mode 100644 index 0000000..01e01bc --- /dev/null +++ b/src/firebase/firebase.config.js @@ -0,0 +1,10 @@ +const firebaseConfig = { + apiKey: "AIzaSyBBUsU6zVh1unjDVE2zGgZSgtBzFdHAgYg", + authDomain: "edu-blink.firebaseapp.com", + projectId: "edu-blink", + storageBucket: "edu-blink.appspot.com", + messagingSenderId: "568463423109", + appId: "1:568463423109:web:66e8a7a12aaa3af3619bec" +}; + +export default firebaseConfig; \ No newline at end of file diff --git a/src/firebase/firebase.init.js b/src/firebase/firebase.init.js new file mode 100644 index 0000000..b3d494b --- /dev/null +++ b/src/firebase/firebase.init.js @@ -0,0 +1,8 @@ +import { initializeApp } from "firebase/app"; +import firebaseConfig from './firebase.config'; + +function firebaseInitialization() { + initializeApp(firebaseConfig) +} + +export default firebaseInitialization; \ No newline at end of file diff --git a/src/hooks/use-cart-info.js b/src/hooks/use-cart-info.js new file mode 100644 index 0000000..2a858ad --- /dev/null +++ b/src/hooks/use-cart-info.js @@ -0,0 +1,30 @@ +import { useEffect, useState } from "react"; +import { useSelector } from "react-redux"; + +const useCartInfo = () => { + const [quantity, setQuantity] = useState(0); + const [total, setTotal] = useState(0); + const cartItems = useSelector(state => state.cart.cartCourses); + + useEffect(() => { + const cart = cartItems.reduce((cartTotal, cartItem) => { + const { price, quantity } = cartItem; + const itemTotal = price * quantity; + cartTotal.total += itemTotal + cartTotal.quantity += quantity + + return cartTotal; + }, { + total: 0, + quantity: 0, + }) + setQuantity(cart.quantity); + setTotal(cart.total); + }, [cartItems]) + return { + quantity, + total + } +} + +export default useCartInfo; \ No newline at end of file diff --git a/src/hooks/use-firebase.js b/src/hooks/use-firebase.js new file mode 100644 index 0000000..e9eee68 --- /dev/null +++ b/src/hooks/use-firebase.js @@ -0,0 +1,106 @@ +import { + getAuth, createUserWithEmailAndPassword, updateProfile, + signInWithEmailAndPassword, sendPasswordResetEmail,signOut +} from "firebase/auth"; +import { useDispatch } from "react-redux"; +import { toast } from "react-toastify"; +import firebaseInitialization from "../firebase/firebase.init"; +import { add_user, sign_out, user_info } from "../redux/features/auth-slice"; + +// initialize firebase app +firebaseInitialization(); + +// declare auth +const auth = getAuth(); + +const useFirebase = () => { + // dispatch + const dispatch = useDispatch() + // register With Email Password + const registerWithEmailPassword = (email, password, name) => { + createUserWithEmailAndPassword(auth, email, password) + .then((user) => { + updateProfile(auth.currentUser, { + displayName: name, + }).then(() => { + }).catch((error) => { + }); + dispatch(add_user({ + name: name, + email: user.user.email, + uid: user.user.uid + })) + toast.success(`${name} register successfully`, { + position: 'top-left' + }) + }) + .catch((error) => { + const errorMessage = error?.message; + toast.error(`${errorMessage}`, { + position: 'top-left' + }) + }); + + } + + // login with email and password + const loginWithEmailPassword = (email, password) => { + signInWithEmailAndPassword(auth, email, password) + .then((user) => { + const { displayName: name, email, uid } = user.user; + dispatch(user_info({ + name: name, + email: email, + uid: uid + })) + toast.success(`${name} login successfully`, { + position: 'top-left' + }) + }) + .catch((error) => { + const errorMessage = error.message; + toast.error(`${errorMessage}`, { + position: 'top-left' + }) + }); + + } + + // password reset email sent + const resetPassword = (email) => { + sendPasswordResetEmail(auth, email) + .then(() => { + toast.success(`Password reset email sent!`, { + position: 'top-left' + }) + }) + .catch((error) => { + const errorMessage = error?.message; + toast.error(`${errorMessage}`, { + position: 'top-left' + }) + }); + + } + + // logout + const logout = () => { + signOut(auth).then(() => { + dispatch(sign_out()) + toast.success(`Sign-out successful.`, { + position: 'top-left' + }) + }).catch((error) => { + // An error happened. + }); + } + + return { + registerWithEmailPassword, + loginWithEmailPassword, + resetPassword, + logout + } +} + +export default useFirebase; \ No newline at end of file diff --git a/src/hooks/use-modal.js b/src/hooks/use-modal.js new file mode 100644 index 0000000..a3aba0a --- /dev/null +++ b/src/hooks/use-modal.js @@ -0,0 +1,8 @@ +const { useState } = require("react") + +const useModal = () => { + const [isVideoOpen,setIsVideoOpen] = useState(false); + return {isVideoOpen,setIsVideoOpen} +} + +export default useModal; \ No newline at end of file diff --git a/src/hooks/use-scroll-to-top.js b/src/hooks/use-scroll-to-top.js new file mode 100644 index 0000000..9cb716c --- /dev/null +++ b/src/hooks/use-scroll-to-top.js @@ -0,0 +1,28 @@ +import { useState, useEffect } from "react"; + +function useScrollToTop() { + const [stick, setStick] = useState(false); + const onClickHandler = () => { + window.scrollTo({ top: 0, behavior: "smooth" }); + }; + + useEffect(() => { + const scrollHandler = () => { + const scrollPos = window.pageYOffset; + if (scrollPos > 50) { + setStick(true); + } else { + setStick(false); + } + }; + + window.addEventListener("scroll", scrollHandler); + return () => { + window.removeEventListener("scroll", scrollHandler); + }; + }, [stick]); + + return { stick, onClickHandler }; +} + +export default useScrollToTop; diff --git a/src/hooks/use-sticky.js b/src/hooks/use-sticky.js new file mode 100644 index 0000000..03e2da5 --- /dev/null +++ b/src/hooks/use-sticky.js @@ -0,0 +1,22 @@ +import { useEffect, useState } from "react"; + +const useSticky = () => { + const [sticky, setSticky] = useState(false); + const stickyHeader = () => { + if (window.scrollY > 80) { + setSticky(true) + } else { + setSticky(false) + } + } + + useEffect(() => { + window.addEventListener('scroll', stickyHeader) + }, []); + + return { + sticky + } +} + +export default useSticky; \ No newline at end of file diff --git a/src/layout/.DS_Store b/src/layout/.DS_Store new file mode 100644 index 0000000..9a515b5 Binary files /dev/null and b/src/layout/.DS_Store differ diff --git a/src/layout/footers/component/footer-social.jsx b/src/layout/footers/component/footer-social.jsx new file mode 100644 index 0000000..e48c1f0 --- /dev/null +++ b/src/layout/footers/component/footer-social.jsx @@ -0,0 +1,23 @@ +const social_share = [ + { link: ' https://www.facebook.com/frontlinetechin/', target: '_blank', icon: 'icon-facebook', color: 'color-fb' }, + { link: 'https://twitter.com/FrontlineTechin', target: '_blank', icon: 'icon-twitter', color: 'color-twitter' }, + { link: 'https://www.linkedin.com/company/frontline-technologies', target: '_blank', icon: 'icon-linkedin2', color: 'color-linkd' }, + { link: 'https://www.youtube.com/', target: '_blank', icon: 'icon-youtube', color: 'color-yt' }, + { link: 'https://www.instagram.com/frontlinetechnologies_/', target: '_blank', icon: 'icon-instagram', color: 'color-ig' }, +] + +import React from 'react'; + +const FooterSocial = () => { + return ( + <> + {social_share.map((social, i) => ( +
  • + +
    • + ))} + + ) +} + +export default FooterSocial; \ No newline at end of file diff --git a/src/layout/footers/footer-2.jsx b/src/layout/footers/footer-2.jsx new file mode 100644 index 0000000..1574ee9 --- /dev/null +++ b/src/layout/footers/footer-2.jsx @@ -0,0 +1,153 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../contexts/mouse-move-context'; +import FooterSocial from './component/footer-social'; + +const footer_contents = { + desc: 'Lorem ipsum dolor amet consecto adi pisicing elit sed eiusm tempor incidid unt labore dolore.', + add: '29/11 A Old Bypass Road, Near SBI, Karur 1.', + call: '+7200 247247', + email: 'www.frontl.in', + widgets: [ + { + col: '3', + class: 'explore-widget', + widget_title: 'Online Platform', + footer_links: [ + { link: 'about-1', title: 'About' }, + { link: 'course-style-1', title: 'Courses' }, + { link: 'team-1', title: 'Instructor' }, + { link: 'event-grid', title: 'Events' }, + { link: 'team-details', title: 'Instructor Profile' }, + { link: 'purchase-guide', title: 'Purchase Guide' } + ] + }, + { + col: '2', + class: 'quick-link-widget', + widget_title: 'Links', + footer_links: [ + { link: 'contact-us', title: 'Contact Us' }, + { link: 'gallery-grid', title: 'Gallery' }, + { link: 'blog-standard', title: 'News & Articles' }, + { link: 'faq', title: "FAQ's" }, + { link: 'sign-in', title: 'Sign In/Registration' }, + { link: 'coming-soon', title: 'Coming Soon' } + ] + } + ] +} + +const { add, call, desc, email, widgets } = footer_contents; + +const FooterTwo = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    + +

    Address

    +
    +

    {desc}

    +
    + +
    +
    +
    +
    + + {widgets.map((w, i) => ( +
    +
    +

    {w.widget_title}

    +
    +
      + {w.footer_links.map((l, i) =>
    • + {l.title} +
      • )} +
    +
    +
    +
    + ))} +
    +
    +

    Contacts

    +
    +

    Enter your email address to register to our newsletter subscription

    +
    + + +
    +
      + +
    +
    +
    +
    +
    +
    +
      + + shape + + + shape + +
    • + shape +
      • + + shape + + + shape + +
    +
    +
    +
    +
    +
    +
    +

    Copyright {new Date().getFullYear()} Frontline Designed By Frontline. All Rights Reserved

    +
    +
    +
    +
    +
    +
    + ) +} + +export default FooterTwo; \ No newline at end of file diff --git a/src/layout/footers/footer-3.jsx b/src/layout/footers/footer-3.jsx new file mode 100644 index 0000000..dd33102 --- /dev/null +++ b/src/layout/footers/footer-3.jsx @@ -0,0 +1,111 @@ +import Link from 'next/link'; +import React from 'react'; +import FooterSocial from './component/footer-social'; + +const widgets = [ + { + col: '3', + class: 'explore-widget', + widget_title: 'Online Platform', + footer_links: [ + { link: 'about-1', title: 'About' }, + { link: 'course-style-1', title: 'Courses' }, + { link: 'team-1', title: 'Instructor' }, + { link: 'event-grid', title: 'Events' }, + { link: 'team-details', title: 'Instructor Profile' }, + { link: 'purchase-guide', title: 'Purchase Guide' } + ] + }, + { + col: '2', + class: 'quick-link-widget', + widget_title: 'Links', + footer_links: [ + { link: 'contact-us', title: 'Contact Us' }, + { link: 'gallery-grid', title: 'Gallery' }, + { link: 'blog-standard', title: 'News & Articles' }, + { link: 'faq', title: "FAQ's" }, + { link: 'sign-in', title: 'Sign In/Registration' }, + { link: 'coming-soon', title: 'Coming Soon' } + ] + } +] + +const FooterThree = () => { + return ( +
    +
    +
    +
    +
    +
    +
    + + + Corporate Logo + + +
    +

    Frontline Tech is a global IT consulting services and Tech Engineering provider. Our clientele comes from a broad array of industries from SME to large corporations. IT experience and using cutting edge technology.

    +
    +
    + + {widgets.map((w, i) => ( +
    +
    +

    {w.widget_title}

    +
    +
      + {w.footer_links.map((l, i) => +
    • + {l.title} +
      • + )} +
    +
    +
    +
    + ))} + +
    +
    +
    Contacts
    +
    +

    We'd love to hear from you! Whether you have questions, feedback, or need support, our team is here to help. Get in touch with us.

    +
    + +
    + +
      + +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +

    + Copyright {new Date().toDateString()} + Frontline Designed By Frontline. All Rights Reserved +

    +
    +
    +
    +
    +
    +
    + ) +} + +export default FooterThree; \ No newline at end of file diff --git a/src/layout/footers/footer-4.jsx b/src/layout/footers/footer-4.jsx new file mode 100644 index 0000000..06a50ce --- /dev/null +++ b/src/layout/footers/footer-4.jsx @@ -0,0 +1,157 @@ +import Link from 'next/link'; +import React from 'react'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../../contexts/mouse-move-context'; +import FooterSocial from './component/footer-social'; + +const footer_contents = { + desc: 'Frontline Tech is a global IT consulting services and Tech Engineering provider. Our clientele comes from a broad array of industries from SME to large corporations. IT experience and using cutting edge technology.', + add: '29/11 A Old Bypass Road, Near SBI, Karur 1.', + call: '+7200 247247', + email: 'www.frontl.in', + widgets: [ + { + col: '3', + class: 'explore-widget', + widget_title: 'Online Platform', + footer_links: [ + { link: 'about-1', title: 'About' }, + { link: 'course-style-1', title: 'Courses' }, + { link: 'team-1', title: 'Instructor' }, + { link: 'event-grid', title: 'Events' }, + { link: 'team-details', title: 'Instructor Profile' }, + { link: 'purchase-guide', title: 'Purchase Guide' } + ] + }, + { + col: '2', + class: 'quick-link-widget', + widget_title: 'Links', + footer_links: [ + { link: 'contact-us', title: 'Contact Us' }, + { link: 'gallery-grid', title: 'Gallery' }, + { link: 'blog-standard', title: 'News & Articles' }, + { link: 'faq', title: "FAQ's" }, + { link: 'sign-in', title: 'Sign In/Registration' }, + { link: 'coming-soon', title: 'Coming Soon' } + ] + } + ] +} + +const { add, call, desc, email, widgets } = footer_contents; + +const FooterTwo = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( +
    +
    +
    +
    +
    +
    +

    Address

    +
    +

    {desc}

    +
    + +
    +
    +
    +
    + + {widgets.map((w, i) => ( +
    +
    +

    {w.widget_title}

    +
    +
      + {w.footer_links.map((l, i) =>
    • + {l.title} +
      • )} +
    +
    +
    +
    + ))} + +
    +
    +

    Contacts

    +
    +

    Enter your email address to register to our newsletter subscription

    +
    + + +
    +
      + +
    +
    +
    +
    +
    +
    + +
      + + shape + + + shape + +
    • + shape +
      • + + shape + + + shape + +
    +
    + +
    +
    +
    +
    +
    +

    Copyright {new Date().getFullYear()} + Frontline Designed By Frontline. All Rights Reserved +

    +
    +
    +
    +
    +
    +
    + ) +} + +export default FooterTwo; \ No newline at end of file diff --git a/src/layout/footers/footer.jsx b/src/layout/footers/footer.jsx new file mode 100644 index 0000000..c5a013a --- /dev/null +++ b/src/layout/footers/footer.jsx @@ -0,0 +1,127 @@ +import Link from "next/link"; +import FooterSocial from "./component/footer-social"; + +const footer_contents = { + logoLight: '/assets/images/fnline/Frontline_Logo_Dark.png', + logoDark: '/assets/images/fnline/Frontline_Logo_White.png', + desc: 'Frontline Tech is a global IT consulting services and Tech Engineering provider. Our clientele comes from a broad array of industries from SME to large corporations. IT experience and using cutting edge technology.', + add: '29/11 A Old Bypass Road, Near SBI, Karur 1.', + call: '+91 97896 55455', + email: 'info@frontlinetraining.in', + widgets: [ + { + col: '3', + class: 'explore-widget', + widget_title: 'Online Platform', + footer_links: [ + //{ link: 'about-1', title: 'About' }, + { link: 'web-dev', title: 'Courses' }, + { link: 'team-details', title: 'Instructor' }, + { link: '', title: 'Events' }, + { link: 'team-1', title: 'Instructor Profile' }, + { link: 'purchase-guide', title: 'Purchase Guide' } + ] + }, + { + col: '2', + class: 'quick-link-widget', + widget_title: 'Links', + footer_links: [ + { link: 'contact-me', title: 'Contact Me' }, + { link: 'gallery-grid', title: 'Gallery' }, + { link: 'blog-standard', title: 'News & Articles' }, + // { link: 'faq', title: "FAQ's" }, + { link: '', title: 'Sign In/Registration' }, + { link: 'coming-soon', title: 'Coming Soon' } + ] + } + ] + +} + +const { logoDark, logoLight, desc, add, call, email, widgets } = footer_contents; + +const Footer = ({ style_2, dark_bg,home_4 }) => { + return ( + + ) +} + +export default Footer; \ No newline at end of file diff --git a/src/layout/headers/.DS_Store b/src/layout/headers/.DS_Store new file mode 100644 index 0000000..6b14869 Binary files /dev/null and b/src/layout/headers/.DS_Store differ diff --git a/src/layout/headers/component/cart.jsx b/src/layout/headers/component/cart.jsx new file mode 100644 index 0000000..e24c5e1 --- /dev/null +++ b/src/layout/headers/component/cart.jsx @@ -0,0 +1,73 @@ +import { useDispatch, useSelector } from 'react-redux'; +import Link from 'next/link'; +import useCartInfo from '../../../hooks/use-cart-info'; +import { remove_cart_course } from '../../../redux/features/cart-slice'; + +const Cart = () => { + const cartItems = useSelector(state => state.cart.cartCourses); + const dispatch = useDispatch(); + const {total} = useCartInfo(); + + return ( +
    + {cartItems.length === 0 && +
    +
    Your cart is empty
    +
    + } + {cartItems.length >= 1 && +
    +
      4 ? 'cart-height' : ''}`}> + {cartItems.map((item, index) => ( +
    • +
      + + + course-thumb + + +
      +
      +
      + + + {item.title} + + +
      +
      + {item.quantity} + × + $ {item.price} +
      +
      +
      + +
      +
      • + ))} +
    + +
    + Subtotal: + ${parseFloat(total.toFixed(3))} +
    + +
    + + View Cart + + + + Checkout + +
    +
    + } +
    + ) +} + +export default Cart; \ No newline at end of file diff --git a/src/layout/headers/component/header-top-left.jsx b/src/layout/headers/component/header-top-left.jsx new file mode 100644 index 0000000..5b9a325 --- /dev/null +++ b/src/layout/headers/component/header-top-left.jsx @@ -0,0 +1,11 @@ +import React from 'react'; + +const HeaderTopLeft = () => { + return ( +
    + First 20 students get 50% discount. Hurry up! +
    + ) +} + +export default HeaderTopLeft; \ No newline at end of file diff --git a/src/layout/headers/component/header-top-right.jsx b/src/layout/headers/component/header-top-right.jsx new file mode 100644 index 0000000..195b2ba --- /dev/null +++ b/src/layout/headers/component/header-top-right.jsx @@ -0,0 +1,30 @@ +import Link from 'next/link'; +import React from 'react'; + +const social_share = [ + { link: 'https://www.facebook.com/frontlinetechin/', target: '_blank', icon: 'icon-facebook' }, + { link: 'https://twitter.com/FrontlineTechin', target: '_blank', icon: 'icon-twitter' }, + { link: 'https://www.linkedin.com/company/frontline-technologies', target: '_blank', icon: 'icon-linkedin2' }, + { link: 'https://www.instagram.com/frontlinetechnologies_', target: '_blank', icon: 'icon-instagram' } +] + +const HeaderTopRight = () => { + return ( + + ) +} + +export default HeaderTopRight; \ No newline at end of file diff --git a/src/layout/headers/component/main-menu.jsx b/src/layout/headers/component/main-menu.jsx new file mode 100644 index 0000000..0afb075 --- /dev/null +++ b/src/layout/headers/component/main-menu.jsx @@ -0,0 +1,66 @@ +import React from 'react'; +import menu_data from '../menu-data'; +import Link from 'next/link'; + +const MainMenu = () => { + return ( +
      + {menu_data.map((menu, i) => ( +
    • + {/* Check if the menu item is Home, Gallery, Blog, Lms, or Contact, render as a simple link */} + {menu.title === 'Home' || menu.title === 'Gallery' || menu.title === 'Blog' || menu.title === 'LMS' || menu.title === 'Contact' ? ( + + {menu.title} + + ) : menu.title === 'Courses' ? ( + // Handle the "Courses" item separately to navigate to /web-dev + + {menu.title} + + ) : ( + {menu.title} + )} + + {/* Render submenu only if the menu is not Home, Gallery, Blog, Lms, or Contact and has submenus */} + {!menu.mega_menu && menu.submenus?.length > 0 && (menu.title !== 'Home' && menu.title !== 'Gallery' && menu.title !== 'Blog' && menu.title !== 'LMS' && menu.title !== 'Contact') && ( + + )} + + {/* Render mega-menu only if the menu is not Home, Gallery, Blog, Lms, or Contact and has submenus */} + {menu.mega_menu && menu.submenus?.length > 0 && (menu.title !== 'Home' && menu.title !== 'Gallery' && menu.title !== 'Blog' && menu.title !== 'LMS' && menu.title !== 'Contact') && ( +
        + {menu.submenus.map((nav, i) => ( +
      • +
        {nav.title}
        +
          + {nav.mega_submenu.map((m, i) => ( +
        • + + {m.title} + +
          • + ))} +
        +
        • + ))} +
      + )} +
      • + ))} +
    + ); +}; + +export default MainMenu; diff --git a/src/layout/headers/header copy.jsx b/src/layout/headers/header copy.jsx new file mode 100644 index 0000000..015dc8c --- /dev/null +++ b/src/layout/headers/header copy.jsx @@ -0,0 +1,167 @@ +import React, { useState } from 'react'; +import Link from 'next/link'; +import { useSelector } from 'react-redux'; +import MainMenu from '../headers/component/main-menu'; +import HeaderTopRight from '../headers/component/header-top-right'; +import HeaderTopLeft from '../headers/component/header-top-left'; +import SearchPopup from '../../components/common/popup-modal/search-popup'; +import useSticky from '../../hooks/use-sticky'; +import { wishlistItems } from '../../redux/features/wishlist-slice'; +import useCartInfo from '../../hooks/use-cart-info'; +import OffCanvas from '../../components/common/sidebar/off-canvas'; +import Cart from './component/cart'; + +const categories = [ +/* { link: '/course-style-1', title: 'Web Design ' }, + { link: '/course-style-2', title: 'Web Development ' }, + { link: '/course-style-3', title: 'Graphic Design' }, + { link: '/course-style-4', title: 'Mobile Apps ' }, + { link: '/course-style-5', title: 'Plugin Development' }, + { link: '/course-style-1', title: 'Marketing SEO' }, + { link: '/course-style-2', title: 'Image Editing ' }, + { link: '/course-style-3', title: 'It Consultancy' }, */ + + + + { title: 'Digital Marketing Training', link: '/about-3', hot: true }, + { title: 'UI/UX Training', link: '/ui-ux' }, + { title: ' Full stack MERN (Mongo Express React Node) Training', link: '/mern-python' }, + { title: 'Software Testing', link: '/software-testing' }, + { title: ' Paython with Data Science Training', link: '/python-data' }, + { title: ' Data Analysis Training', link: '/data-analysis' }, + { title: 'AI/ML Training', link: '/ai-ml' }, + // { title: ' DevOps Training', link: '/home-modern-schooling', new: true }, + { title: 'Ethical Hacking', link: '/ethical-hacking' } + + +] + +const Header = ({ header_style, no_top_bar, disable_full_width, disable_category }) => { + const { sticky } = useSticky(); + const { quantity } = useCartInfo(); + const wishlists = useSelector(wishlistItems); + const [isSearchOpen, setIsSearchOpen] = useState(false); + const [isOpen, setIsOpen] = useState(false); + + return ( + <> +
    + { ! no_top_bar && +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    +} +
    +
    +
    +
    +
    +
    + + + logo + logo + + +
    + + { ! disable_category && +
    + +
    + } +
    +
    + +
    +
    + +
    +
    +
    +
    + + {/* */} + + {/* */} +
    + + {/* sidebar start */} + + {/* sidebar end */} + + ) +} + +export default Header; \ No newline at end of file diff --git a/src/layout/headers/header-2.jsx b/src/layout/headers/header-2.jsx new file mode 100644 index 0000000..5684dac --- /dev/null +++ b/src/layout/headers/header-2.jsx @@ -0,0 +1,122 @@ +import Link from 'next/link'; +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import SearchPopup from '../../components/common/popup-modal/search-popup'; +import OffCanvas from '../../components/common/sidebar/off-canvas'; +import useCartInfo from '../../hooks/use-cart-info'; +import useSticky from '../../hooks/use-sticky'; +import { wishlistItems } from '../../redux/features/wishlist-slice'; +import MainMenu from './component/main-menu'; +import Cart from './component/cart'; + +const HeaderTwo = ({ style_3, no_topBar = false }) => { + const { sticky } = useSticky(); + const { quantity } = useCartInfo(); + const [isSearchOpen, setIsSearchOpen] = useState(false); + const [isOpen, setIsOpen] = useState(false); + const wishlists = useSelector(wishlistItems); + return ( + <> +
    + {!no_topBar && +
    +
    + +
    +
    + } + +
    + +
    +
    +
    +
    +
    + + + Corporate Logo + Corporate Logo + + +
    +
    + +
    + +
    + +
    + +
    +
    +
    +
    + + {/* */} + + {/* */} +
    + + {/* sidebar start */} + + {/* sidebar end */} + + ) +} + +export default HeaderTwo; \ No newline at end of file diff --git a/src/layout/headers/header-3.jsx b/src/layout/headers/header-3.jsx new file mode 100644 index 0000000..64f1e55 --- /dev/null +++ b/src/layout/headers/header-3.jsx @@ -0,0 +1,105 @@ +import Link from 'next/link'; +import React, { useState } from 'react'; +import { useSelector } from 'react-redux'; +import SearchPopup from '../../components/common/popup-modal/search-popup'; +import OffCanvas from '../../components/common/sidebar/off-canvas'; +import useCartInfo from '../../hooks/use-cart-info'; +import useSticky from '../../hooks/use-sticky'; +import { wishlistItems } from '../../redux/features/wishlist-slice'; +import MainMenu from './component/main-menu'; +import Cart from './component/cart'; + +const HeaderThree = () => { + const { sticky } = useSticky(); + const { quantity } = useCartInfo(); + const wishlists = useSelector(wishlistItems); + const [isSearchOpen, setIsSearchOpen] = useState(false); + const [isOpen, setIsOpen] = useState(false); + + return ( + <> +
    +
    +
    +
    +
    +
    +
    + + + Corporate Logo + Corporate Logo + + +
    +
    + +
    + +
    + +
    + +
    +
    +
    +
    + {/* */} + + {/* */} +
    + + {/* sidebar start */} + + {/* sidebar end */} + + ) +} + +export default HeaderThree; diff --git a/src/layout/headers/header.jsx b/src/layout/headers/header.jsx new file mode 100644 index 0000000..f86f2d8 --- /dev/null +++ b/src/layout/headers/header.jsx @@ -0,0 +1,167 @@ +import React, { useState } from 'react'; +import Link from 'next/link'; +import { useSelector } from 'react-redux'; +import MainMenu from '../headers/component/main-menu'; +import HeaderTopRight from '../headers/component/header-top-right'; +import HeaderTopLeft from '../headers/component/header-top-left'; +import SearchPopup from '../../components/common/popup-modal/search-popup'; +import useSticky from '../../hooks/use-sticky'; +import { wishlistItems } from '../../redux/features/wishlist-slice'; +import useCartInfo from '../../hooks/use-cart-info'; +import OffCanvas from '../../components/common/sidebar/off-canvas'; +import Cart from './component/cart'; + +const categories = [ +/* { link: '/course-style-1', title: 'Web Design ' }, + { link: '/course-style-2', title: 'Web Development ' }, + { link: '/course-style-3', title: 'Graphic Design' }, + { link: '/course-style-4', title: 'Mobile Apps ' }, + { link: '/course-style-5', title: 'Plugin Development' }, + { link: '/course-style-1', title: 'Marketing SEO' }, + { link: '/course-style-2', title: 'Image Editing ' }, + { link: '/course-style-3', title: 'It Consultancy' }, */ + + + + { title: 'Digital Marketing Training', link: '/digitalmarketing', hot: true }, + { title: 'UI/UX Training', link: '/ui-ux' }, + { title: ' Full stack MERN (Mongo Express React Node) Training', link: '/mern-python' }, + { title: 'Software Testing', link: '/software-testing' }, + { title: ' Paython with Data Science Training', link: '/python-data' }, + { title: ' Data Analysis Training', link: '/data-analysis' }, + { title: 'AI/ML Training', link: '/ai-ml' }, + // { title: ' DevOps Training', link: '/home-modern-schooling', new: true }, + { title: 'Ethical Hacking', link: '/ethical-hacking' } + + +] + +const Header = ({ header_style, no_top_bar, disable_full_width, disable_category }) => { + const { sticky } = useSticky(); + const { quantity } = useCartInfo(); + const wishlists = useSelector(wishlistItems); + const [isSearchOpen, setIsSearchOpen] = useState(false); + const [isOpen, setIsOpen] = useState(false); + + return ( + <> +
    + { ! no_top_bar && +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    +} +
    +
    +
    +
    +
    +
    + + + logo + logo + + +
    + + { ! disable_category && +
    + +
    + } +
    +
    + +
    +
    + +
    +
    +
    +
    + + {/* */} + + {/* */} +
    + + {/* sidebar start */} + + {/* sidebar end */} + + ) +} + +export default Header; \ No newline at end of file diff --git a/src/layout/headers/menu-data.js b/src/layout/headers/menu-data.js new file mode 100644 index 0000000..59ce39c --- /dev/null +++ b/src/layout/headers/menu-data.js @@ -0,0 +1,146 @@ + + + + + +const menu_data = [ + { + + title: 'Home', + link: '/', + // mega_menu: false, + + // submenus: [ + + // // { title: 'Digital Marketing Training', link: '/about-3', hot: true }, + // // { title: 'UI/UX Training', link: '/home-distant-learning' }, + // // { title: ' Full stack MERN (Mongo Express React Node) Training', link: '/home-university' }, + // // { title: 'Software Testing', link: '/home-online-academy' }, + // // { title: ' Paython with Data Science Training', link: '/home-kitchen' }, + // // { title: ' Data Analysis Training', link: '/home-yoga-instructor' }, + // // { title: 'AI/ML Training', link: '/home-kindergarten' }, + // // { title: ' DevOps Training', link: '/home-modern-schooling', new: true }, + // // { title: 'Ethical Hacking', link: '/about-2' } + // ] + }, + { + title: 'Gallery', + link: 'gallery-grid', + }, + + /* { + title: 'Pages', + link: '#', + mega_menu: true, + submenus: [ + { + title: 'Inner Pages', + mega_submenu: [ + { title: 'About Us 1', link: '/about-1' }, + { title: 'About Us 2', link: '/about-2' }, + { title: 'About Us 3', link: '/about-3' }, + { title: 'Instructor 1', link: '/team-1' }, + { title: 'Instructor 2', link: '/team-2' }, + { title: 'Instructor 3', link: '/team-3' }, + { title: 'Instructor Profile', link: '/team-details' }, + { title: 'Pricing Table', link: '/pricing-table' } + ] + }, + { + title: 'Inner Pages', + mega_submenu: [ + { title: 'Gallery Grid', link: '/gallery-grid' }, + { title: 'Gallery Masonry', link: '/gallery-masonry' }, + { title: 'Event Grid', link: '/event-grid' }, + { title: 'Event List', link: '/event-list' }, + { title: 'Event Details', link: '/event-details' }, + { title: 'Purchase Guide', link: '/purchase-guide' }, + { title: "404 Error", link: '/404' }, + { title: "Coming Soon", link: '/coming-soon' } + ] + }, + { + title: 'Inner Pages', + mega_submenu: [ + { title: "Faq's", link: '/faq' }, + { title: 'Privacy Policy', link: '/privacy-policy' }, + { title: 'Terms & Condition', link: '/terms-condition' }, + { title: 'Sign In', link: '/sign-in' }, + { title: 'Cart', link: '/cart' }, + { title: 'Wishlist', link: '/wishlist' }, + { title: 'Checkout', link: '/checkout' } + ] + } + ], + mobile_pages_menu: [ + { title: 'About Us 1', link: '/about-1' }, + { title: 'About Us 2', link: '/about-2' }, + { title: 'About Us 3', link: '/about-3' }, + { title: 'Instructor 1', link: '/team-1' }, + { title: 'Instructor 2', link: '/team-2' }, + { title: 'Instructor 3', link: '/team-3' }, + { title: 'Instructor Profile', link: '/team-details' }, + { title: "Faq's", link: '/faq' }, + { title: "404 Error", link: '/404' }, + { title: "Coming Soon", link: '/coming-soon' }, + { title: 'Gallery Grid', link: '/gallery-grid' }, + { title: 'Gallery Masonry', link: '/gallery-masonry' }, + { title: 'Event Grid', link: '/event-grid' }, + { title: 'Event List', link: '/event-list' }, + { title: 'Event Details', link: '/event-details' }, + { title: 'Pricing Table', link: '/pricing-table' }, + { title: 'Purchase Guide', link: '/purchase-guide' }, + { title: 'Privacy Policy', link: '/privacy-policy' }, + { title: 'Terms & Condition', link: '/terms-condition' }, + { title: 'Sign In', link: '/sign-in' }, + { title: 'Shop', link: '/shop' }, + { title: 'Product Details', link: '/product-details' }, + { title: 'Cart', link: '/cart' }, + { title: 'Wishlist', link: '/wishlist' }, + { title: 'Checkout', link: '/checkout' } + ] + },*/ + { + title: 'Courses', + link: 'web-dev', + mega_menu: false, + submenus: [ + // { title: 'Web Development', link: '/web-dev', hot: true }, + { title: 'Mobile Development', link: '/mob-dev' }, + { title: 'Full Stack Courese', link: '/full-stack' }, + { title: 'Web Design', link: '/web-design'}, + { title: 'UI X UX Design', link: '/uiux', new: true}, + + + // { title: 'Course Details 1', link: '/course-details' }, + // { title: 'Course Details 2', link: '/course-details-2' }, + // { title: 'Course Details 3', link: '/course-details-3' } + ] + }, + { + title: 'Blog', + link: 'blog-standard', + // mega_menu: false, + // // submenus: [ + // // { title: 'Blog Standard', link: '/blog-standard' }, + // // // { title: 'Blog Masonry', link: '/blog-masonry' }, + // // // { title: 'Blog List', link: '/blog-list' }, + // // // { title: 'Blog Details', link: '/blog-details' } + // // ] + }, + { + title: 'LMS', + link: 'https://lms.frontlinetraining.in', + }, + { + title: 'Contact', + link: 'contact-me', + // mega_menu: false, + // submenus: [ + // // { title: 'Contact Us', link: '/contact-us' }, + // { title: 'Contact Me', link: '/contact-me' } + // ] + } +] + +export default menu_data; \ No newline at end of file diff --git a/src/layout/index.jsx b/src/layout/index.jsx new file mode 100644 index 0000000..aefa5a9 --- /dev/null +++ b/src/layout/index.jsx @@ -0,0 +1,19 @@ +import Header from "./headers/header"; +import HeaderTwo from "./headers/header-2"; +import HeaderThree from "./headers/header-3"; +import Footer from "./footers/footer"; +import FooterTwo from "./footers/footer-2"; +import FooterThree from "./footers/footer-3"; +import FooterFour from "./footers/footer-4"; +import Wrapper from "./wrapper"; + +export { + Header, + HeaderTwo, + HeaderThree, + Footer, + FooterTwo, + FooterThree, + FooterFour, + Wrapper +} \ No newline at end of file diff --git a/src/layout/wrapper.jsx b/src/layout/wrapper.jsx new file mode 100644 index 0000000..09ef733 --- /dev/null +++ b/src/layout/wrapper.jsx @@ -0,0 +1,24 @@ +import React, { useEffect } from 'react'; +import { useDispatch } from 'react-redux'; +import { ToastContainer } from 'react-toastify'; +import { get_cart_courses } from '../redux/features/cart-slice'; +import { get_wishlist_products } from '../redux/features/wishlist-slice'; +import ScrollToTop from '../ui/scroll-to-top'; + +export default function Wrapper({ children }) { + const dispatch = useDispatch(); + useEffect(() => { + dispatch(get_wishlist_products()); + dispatch(get_cart_courses()); + }, [dispatch]); + + return ( + <> + {children} + + + + ) +} + + diff --git a/src/pages/.DS_Store b/src/pages/.DS_Store new file mode 100644 index 0000000..27af25e Binary files /dev/null and b/src/pages/.DS_Store differ diff --git a/src/pages/404.jsx b/src/pages/404.jsx new file mode 100644 index 0000000..876ad3c --- /dev/null +++ b/src/pages/404.jsx @@ -0,0 +1,78 @@ +import Link from 'next/link'; +import BreadcrumbThree from '../components/breadcrumb/breadcrumb-3'; +import SEO from '../components/seo'; +import { Footer, Header, Wrapper } from '../layout'; +import { motion } from 'framer-motion'; +import { useMouseMoveUI } from '../contexts/mouse-move-context'; + +const ErrorPage = () => { + const { mouseDirection, mouseReverse } = useMouseMoveUI(); + return ( + + +
    + + +
    +
    +
    +
    + 404 Error +
      + + Shape + + + Shape + + + Shape + + + Shape + +
    +
    +
    +

    404 - Page Not Found

    +

    The page you are looking for does not exist.

    + + + Back to Homepage + + +
    +
    +
    +
      +
    • + Shape +
      • +
    +
    +