diff --git a/basket/README.md b/basket/README.md new file mode 100644 index 0000000..919145a --- /dev/null +++ b/basket/README.md @@ -0,0 +1,5 @@ +## Licenses + +### Icons + +The used icons are from free icon pack of [icomoon](https://icomoon.io/) service. diff --git a/basket/css/style.css b/basket/css/style.css index 329651d..3b0380c 100644 --- a/basket/css/style.css +++ b/basket/css/style.css @@ -1,3 +1,664 @@ +@charset "UTF-8"; +/*------------------------------------*\ + #ABSTRACTS +\*------------------------------------*/ +/*------------------------------------*\ + #FONT +\*------------------------------------*/ +/*------------------------------------*\ + #BREAKPOINTS +\*------------------------------------*/ +/*------------------------------------*\ + #SPACES (padding & margin & gap) +\*------------------------------------*/ +/*------------------------------------*\ + #TRANSITION DURATION +\*------------------------------------*/ +/*------------------------------------*\ + #BOX SHADOW +\*------------------------------------*/ +/*------------------------------------*\ + #BORDER RADIUS +\*------------------------------------*/ +/*======================================================================================== +********* GRIDS BASE SUSY +******* MEDIA QUERY +***** +*** +*/ +/*-------------------------------- +*** GENERAL DIFINITIONS +** CSS3 , CLEARFIX +*/ +@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap"); +.container { + width: 90%; +} +/*========================================================================================*\ +*---------------------------- MEDIA QUERY ---------------------------- +\*========================================================================================*/ +/*-------------------------------- +*** 4K AND HIGH RESOULOTIONS +** MIN-WIDTH : 2560px OR 160em +*/ +/*-------------------------------- +*** LAPTOP OR DESKTOP +** MIN-WIDTH : 1400px OR 87.5em +*/ +/*-------------------------------- +*** FOR SOM OF THE DEVICES +** MIN-WIDTH : 1201px OR 75.0625em +*/ +/*-------------------------------- +*** FOR ANY DEVICE MAX SIZE UNTIL +** MAX-WIDTH : 1200px OR 75em +*/ +/*-------------------------------- +*** FOR ANY DEVICE MAX SIZE UNTIL +** MAX-WIDTH : 1024px OR 64em +*/ +/*-------------------------------- +*** FOR ANY DEVICE MAX SIZE UNTIL +** MAX-WIDTH : 992px OR 62em +*/ +/*-------------------------------- +*** FOR RETINA MOBILE AND LANSCAPE +** MIN : 500px / 31.25em | MAX : 767PX / 47.9375em +*/ +/*-------------------------------- +*** FOR MOBILE +** MAX : 640PX / 40em +*/ +/*-------------------------------- +*** FOR MINI MOBILE +** MAX : 400PX / 25em +*/ +/*------------------------------------*\ + #COLORS +\*------------------------------------*/ +/*------------------------------------*\ + #FONT +\*------------------------------------*/ +/*------------------------------------*\ + #SHADOW +\*------------------------------------*/ +/*------------------------------------*\ + #BORDER +\*------------------------------------*/ +/*------------------------------------*\ + #FORNT +\*------------------------------------*/ +body { + font-family: "Inter", sans-serif; +} + +/*------------------------------------*\ + #HEADINGS +\*------------------------------------*/ +.heading-primary, +.heading-secondary { + text-align: center; + font-weight: 500; +} + +.heading-primary { + font-size: 2.25em; +} + +.heading-secondary { + font-size: 1.875em; +} + +@media screen and (max-width: 40em) { + .heading-primary { + font-size: 1.875em; + } + .heading-secondary { + font-size: 1.5em; + } +} +/*------------------------------------*\ + #BASE +\*------------------------------------*/ +*, +*::before, +*::after { + box-sizing: border-box; +} + +* { + padding: 0; + margin: 0; + font: inherit; +} + +body { + min-height: 100vh; +} + +ol, +ul { + list-style: none; +} + +img, +picture, +svg, +video { + display: block; + width: 100%; +} + +a { + color: inherit; + text-decoration: none; +} + +.basket { + width: 100%; + z-index: -1; +} + +a { + text-decoration: none; + color: #000; + transition: all 0.6s; +} +a .icon { + transition: inherit; +} +a:hover { + background-color: rgb(245, 245, 245); + color: #2980b9; +} +a:hover .icon { + fill: #2980b9; +} + +.blur { + filter: blur(10px); +} + +.hidden { + display: none !important; +} + +.right-0 { + right: 0% !important; +} + +.left-0 { + left: 0% !important; +} + +body { + width: 100vw; + overflow-x: hidden; +} + +/*------------------------------------*\ + #COMPONENTS +\*------------------------------------*/ +/*========================================================= +********* Generic Button Component +******* +*/ +.button { + background: #fff; + color: #1dc973; + border-radius: 9999px; + border: 1px solid #1dc973; + padding: 0.75em 4em; + font-size: 1em; + font-weight: 600; + transition: 150ms; + text-align: center; + cursor: pointer; +} +.button:hover { + background-color: rgba(29, 201, 115, 0.1); +} + +.card { + display: flex; + flex-direction: column; + border-radius: 1em; + margin: 2em; + width: 27rem; + padding: 2em 2.5em; + box-shadow: 0px 0px 2rem 1rem rgba(0, 0, 0, 0.1); +} +@media screen and (max-width: 64em) { + .card { + width: 50%; + margin: 1em; + } +} +@media screen and (max-width: 40em) { + .card { + width: 100%; + margin: 1em auto; + border-radius: 0; + } +} +.card__image { + background-color: #fff; + width: 7rem; + height: 7rem; + margin: 1em auto; +} +.card__button { + margin: 0 auto 3em auto; +} +.card__button > a { + color: #1dc973; +} +.card__button > a:hover { + background-color: transparent; +} +.card__button:hover > a { + color: #000; +} +.card__text-section { + margin: 1.5em 0; + text-align: center; +} +.card__title { + margin-top: 0.75em; + margin-bottom: 1.5em; +} +.card__description { + text-align: center; + margin-bottom: 2.5em; + color: rgba(0, 0, 0, 0.8); +} +.card__bottom-link { + display: flex; + align-items: center; + justify-content: center; + gap: 0.25em; +} +.card__bottom-link .icon-notification { + width: 1rem; + height: 1rem; +} +.card a { + background-color: transparent; + text-align: center; +} + +.close-modal { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background-color: #fff; + color: #000; + box-shadow: 0px 0px 2rem 1rem rgba(0, 0, 0, 0.1); + border-radius: 0.25em; + padding: 2em; + width: 37em; + height: 18em; + position: absolute; + z-index: 999; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +@media screen and (max-width: 40em) { + .close-modal { + width: 100%; + } +} +.close-modal__buttons-container { + display: flex; + margin: 2em; + font-size: 1.5em; + margin-bottom: 0; + gap: 1em; +} +.close-modal__button-yes { + background: #fff; + color: #000; + border-radius: 0.25em; + border: 1px solid rgba(0, 0, 0, 0.3); + padding: 0.5em 1em; + font-size: 1em; + font-weight: 400; + transition: 300ms; + text-align: center; + cursor: pointer; +} +.close-modal__button-yes:hover { + background-color: rgba(0, 0, 0, 0.1); +} +.close-modal__button-yes:hover { + color: #fff; +} +.close-modal__button-no { + background: #1dc973; + color: #000; + border-radius: 0.25em; + border: none; + padding: 0.5em 1em; + font-size: 1em; + font-weight: 400; + transition: 300ms; + text-align: center; + cursor: pointer; +} +.close-modal__button-no:hover { + background-color: rgba(29, 201, 115, 0.9); +} +.close-modal__button-yes:hover, .close-modal__button-no:hover { + transform: scale(1.1); +} + +.form { + display: flex; + flex-direction: column; + gap: 2em; + margin: 0 auto; + width: 80%; + text-align: left; + margin-top: 4em; +} +@media screen and (max-width: 40em) { + .form { + width: 90%; + } +} +.form__checkboxs-container { + display: flex; + flex-direction: column; + gap: 1em; +} +.form__checkbox-group { + display: flex; + align-items: center; + gap: 1em; + user-select: none; +} +.form__checkbox-input { + display: none; +} +.form__checkbox-button { + display: flex; + align-items: center; + justify-content: center; + height: 1.5rem; + width: 1.5rem; + background-color: #fff; + border: 0.1rem solid rgba(0, 0, 0, 0.2); + border-radius: 0.25em; + transition: 150ms; + cursor: pointer; + flex-shrink: 0; +} +.form__checkbox-button::after { + content: ""; + display: none; + width: 0.4rem; + height: 0.7rem; + border: solid #fff; + border-width: 0 0.2rem 0.2rem 0; + transform: rotate(45deg); +} +.form__checkbox-input:checked ~ .form__checkbox-button { + background-color: #ff5e57; + box-shadow: 0px 0px 5px 5px rgba(255, 94, 87, 0.5); + border-color: transparent; +} +.form__checkbox-input:checked ~ .form__checkbox-button::after { + display: block; +} +.form__checkbox-group:hover .form__checkbox-input:not(:checked) ~ .form__checkbox-button { + background-color: rgba(149, 165, 166, 0.2); +} +.form__input-groups-container { + display: flex; + justify-content: space-between; + gap: 1em; +} +@media screen and (max-width: 64em) { + .form__input-groups-container { + flex-direction: column; + } +} +.form__input-group { + display: flex; + flex-direction: column; + gap: 0.5em; + flex-grow: 1; +} +.form__input-label-star { + color: #ff5e57; +} +.form__input { + padding: 1em; + border: 0.1rem solid rgba(0, 0, 0, 0.2); + border-radius: 0.25em; +} +.form__textarea-group { + display: flex; + flex-direction: column; + gap: 0.5em; +} +.form__textarea { + width: 100%; + height: 8rem; + border-radius: 0.25em; + border: 0.1rem solid rgba(0, 0, 0, 0.2); + resize: none; + padding: 0.5em; +} +.form__button { + background: #fff; + color: #000; + border-radius: 0.25em; + border: 0.1rem solid rgba(0, 0, 0, 0.2); + padding: 0.75em 1.5em; + font-size: 1em; + font-weight: 400; + transition: 150ms; + text-align: center; + cursor: pointer; + align-self: flex-start; + margin-bottom: 1em; +} +.form__button:hover { + background-color: #ff5e57; +} +.form__button:hover { + color: #fff; + border-color: transparent; +} + +.platform { + width: 20em; + height: 7em; +} +@media screen and (max-width: 62em) { + .platform { + width: 19em; + } +} +@media screen and (max-width: 40em) { + .platform { + width: 22em; + } +} +.platform__radio-input { + display: none; +} +.platform__radio-label { + display: block; + height: 100%; + width: 100%; + background: #fff; + border: 0.1rem solid rgba(0, 0, 0, 0.2); + border-radius: 1.5em; + overflow: hidden; + box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.2); + position: relative; + transition: 300ms; +} +.platform__radio-input:not(:disabled) ~ .platform__radio-label { + cursor: pointer; +} +.platform__radio-input:disabled ~ .platform__radio-label { + color: hsl(150, 5%, 75%); + border-color: hsl(150, 5%, 75%); + box-shadow: none; + cursor: not-allowed; +} +.platform__radio-input:checked ~ .platform__radio-label { + background: #1dc973; + color: #fff; + box-shadow: 0px 0px 2rem 1rem rgba(0, 0, 0, 0.1); +} +.platform__radio-input:checked ~ .platform__radio-label .platform__check-circle::after { + display: flex; +} +.platform__name { + font-size: 1.5em; + font-weight: 500; + position: absolute; + top: 50%; + left: 59%; + transform: translate(-50%, -50%); + white-space: pre; +} +.platform__check-circle { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + top: 30%; + left: 5%; + height: 3rem; + width: 3rem; +} +.platform__check-circle::after { + content: "✓"; + position: absolute; + top: 0; + left: 0; + display: flex; + height: 3rem; + width: 3rem; + color: #000; + background: #fff; + font-size: 1.875em; + border-radius: 9999px; + display: none; + align-items: center; + justify-content: center; +} +.platform__front-image { + width: 85%; + height: 85%; + object-fit: contain; +} +.platform__bg-image { + width: 11em; + opacity: 0.2; + position: absolute; + top: -29%; + right: -17%; +} + +/*------------------------------------*\ + #LAYOUTS +\*------------------------------------*/ +.header { + width: 100%; + height: 5rem; + position: relative; + box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.2); +} +.header__basket { + display: flex; + flex-direction: row; + margin: 0 auto; + align-items: center; + justify-content: space-between; + position: relative; + top: 30%; + width: 80%; +} +.header .icon { + display: inline-block; + width: 2rem; + height: 2rem; + fill: rgb(127.5, 127.5, 127.5); +} +.header__logo { + width: 7rem; + height: 3rem; + object-fit: cover; +} +.header a { + background: transparent; +} + +.basket-content { + background: #fff; +} +.basket-content h2 { + margin: 0.75em 0 1.5em; +} +@media screen and (max-width: 40em) { + .basket-content h2 { + margin: 0.75em 0; + } +} +.basket-content .cards-section { + display: flex; + justify-content: center; +} +@media screen and (max-width: 40em) { + .basket-content .cards-section { + flex-direction: column; + } +} + +.select-section { + width: 100%; + height: 100%; + background-color: #fff; + position: fixed; + overflow: auto; + z-index: 99; + transition: all 0.9s cubic-bezier(0.6, 0.05, 0.4, 1); +} +.select-section--left { + top: 0; + bottom: 0; + right: 105%; +} +.select-section--right { + top: 0; + bottom: 0; + left: 105%; +} + +.platform-options-container { + display: flex; + justify-content: center; + flex-flow: row wrap; + padding-bottom: 2em; + margin: 1em 0; + border-bottom: 0.1rem solid rgba(0, 0, 0, 0.2); + gap: 2.5em; + margin: 0 auto; + width: 80%; +} +@media screen and (max-width: 40em) { + .platform-options-container { + width: 90%; + } +} /*# sourceMappingURL=style.css.map */ diff --git a/basket/css/style.css.map b/basket/css/style.css.map index 4c9b008..84ac67a 100644 --- a/basket/css/style.css.map +++ b/basket/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../../shared/scss/abstracts/_variables.scss","../../shared/scss/abstracts/_media-query.scss","../scss/_typography.scss","../scss/_variables.scss","../../shared/scss/base/_reset.scss","../scss/_base.scss","../../shared/scss/components/_button.scss","../scss/components/_button.scss","../scss/components/_card.scss","../scss/components/_close-modal.scss","../scss/components/_form.scss","../scss/components/_platform.scss","../scss/layout/_header.scss","../scss/layout/_basket-content.scss","../scss/layout/_select-section.scss","../scss/layout/_platform-options-container.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/product-details/img/favicon.png b/basket/images/favicon.png similarity index 100% rename from product-details/img/favicon.png rename to basket/images/favicon.png diff --git a/basket/images/laptop.png b/basket/images/laptop.png new file mode 100644 index 0000000..010338a Binary files /dev/null and b/basket/images/laptop.png differ diff --git a/basket/images/laravel-logo.png b/basket/images/laravel-logo.png new file mode 100644 index 0000000..788def6 Binary files /dev/null and b/basket/images/laravel-logo.png differ diff --git a/basket/images/magento-logo.png b/basket/images/magento-logo.png new file mode 100644 index 0000000..aee090c Binary files /dev/null and b/basket/images/magento-logo.png differ diff --git a/basket/images/notification-icon.png b/basket/images/notification-icon.png new file mode 100644 index 0000000..26ada49 Binary files /dev/null and b/basket/images/notification-icon.png differ diff --git a/basket/images/server.png b/basket/images/server.png new file mode 100644 index 0000000..7fc0984 Binary files /dev/null and b/basket/images/server.png differ diff --git a/basket/images/wordpress-logo.png b/basket/images/wordpress-logo.png new file mode 100644 index 0000000..049a9b0 Binary files /dev/null and b/basket/images/wordpress-logo.png differ diff --git a/basket/images/www-icon.png b/basket/images/www-icon.png new file mode 100644 index 0000000..5dd6b51 Binary files /dev/null and b/basket/images/www-icon.png differ diff --git a/basket/index.html b/basket/index.html index c1d72cb..070d5c8 100644 --- a/basket/index.html +++ b/basket/index.html @@ -7,6 +7,387 @@ +
+ + +
+
+
+ + + + + + +
+
+
+

Do You Have a Website?

+
+
+ server +
+

No, I don't

+ No problem, We'll help you step up your site. +
+ + + + + + Why I do need WordPress? +
+
+ loptop +
+

Yes, I sure do

+ Great, Click below to install Elementor on your existing + website. +
+ +
+
+
+
+ +
+
+
+ + + + + + +
+
+ +
+

Select

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

Select your platform

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
+ + + +
+
+ + + +
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+ + +
+ + +
+
+
+
+ + diff --git a/basket/js/script.js b/basket/js/script.js index e69de29..ebd7265 100644 --- a/basket/js/script.js +++ b/basket/js/script.js @@ -0,0 +1,42 @@ +/*------------------------------------*\ + #SELECTING ELEMENTS +\*------------------------------------*/ +const iconClosePageEl = document.getElementById("icon-close-page"); +const sec1El = document.getElementById("sec-1"); +const sec2El = document.getElementById("sec-2"); +const sec3El = document.getElementById("sec-3"); +const closeEl = document.getElementById("close"); +const closePageEl = document.getElementById("close-page"); +const noButtonEl = document.getElementById("no-button"); +const backMainPage1El = document.getElementById("back-main-page1"); +const backMainPage2El = document.getElementById("back-main-page2"); +const yesButtonEl = document.getElementById("yes-button"); + +/*------------------------------------*\ + #EVENT HANDLERS +\*------------------------------------*/ +iconClosePageEl.addEventListener("click", () => { + sec1El.classList.add("blur"); + closePageEl.classList.remove("hidden"); +}); + +closeEl.addEventListener("click", () => { + sec1El.classList.remove("blur"); + closePageEl.classList.add("hidden"); +}); + +noButtonEl.addEventListener("click", () => { + sec2El.classList.add("right-0"); +}); + +backMainPage2El.addEventListener("click", () => { + sec2El.classList.remove("right-0"); +}); + +yesButtonEl.addEventListener("click", () => { + sec3El.classList.add("left-0"); +}); + +backMainPage1El.addEventListener("click", () => { + sec3El.classList.remove("left-0"); +}); diff --git a/basket/scss/_base.scss b/basket/scss/_base.scss new file mode 100644 index 0000000..1a899c8 --- /dev/null +++ b/basket/scss/_base.scss @@ -0,0 +1,40 @@ +.basket { + width: 100%; + z-index: -1; +} + +a { + text-decoration: none; + color: $black; + transition: all 0.6s; + .icon { + transition: inherit; + } + &:hover { + background-color: rgb(245, 245, 245); + color: $fourthColor; + .icon { + fill: $fourthColor; + } + } +} + +.blur { + filter: blur(10px); +} + +.hidden { + display: none !important; +} + +.right-0 { + right: 0% !important; +} +.left-0 { + left: 0% !important; +} + +body { + width: 100vw; + overflow-x: hidden; +} diff --git a/basket/scss/_typography.scss b/basket/scss/_typography.scss new file mode 100644 index 0000000..2f8328c --- /dev/null +++ b/basket/scss/_typography.scss @@ -0,0 +1,35 @@ +/*------------------------------------*\ + #FORNT +\*------------------------------------*/ + +@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap"); + +body { + font-family: $primaryFontFamily; +} + +/*------------------------------------*\ + #HEADINGS +\*------------------------------------*/ + +.heading-primary, +.heading-secondary { + text-align: center; + font-weight: $fontWeightMedium; +} + +.heading-primary { + font-size: $fontSize4Xl; +} +.heading-secondary { + font-size: $fontSize3Xl; +} + +@include mobile { + .heading-primary { + font-size: $fontSize3Xl; + } + .heading-secondary { + font-size: $fontSize2Xl; + } +} diff --git a/basket/scss/_variables.scss b/basket/scss/_variables.scss new file mode 100644 index 0000000..2c7debb --- /dev/null +++ b/basket/scss/_variables.scss @@ -0,0 +1,37 @@ +/*------------------------------------*\ + #COLORS +\*------------------------------------*/ +$primaryColor: #ff5e57; +$secondaryColor: #1dc973; +$tertiaryColor: #95a5a6; +$fourthColor: #2980b9; +$fifthColor : hsla(150, 5%, 75%, 1); + +$white: #fff; +$black: #000; + +/*------------------------------------*\ + #FONT +\*------------------------------------*/ + +$primaryFontFamily: "Inter", sans-serif; + +/*------------------------------------*\ + #SHADOW +\*------------------------------------*/ + +$shadowDark: 0px 0px 2rem 0px + rgba( + $color: $black, + $alpha: 0.2, + ); +$shadowDarkSpread: 0px 0px 2rem 1rem + rgba( + $color: $black, + $alpha: 0.1, + ); + +/*------------------------------------*\ + #BORDER +\*------------------------------------*/ +$lightBorder: 0.1rem solid rgba($black, $alpha: 0.2); diff --git a/basket/scss/components/_button.scss b/basket/scss/components/_button.scss new file mode 100644 index 0000000..52ffb58 --- /dev/null +++ b/basket/scss/components/_button.scss @@ -0,0 +1,12 @@ +.button { + @include button( + $bg: $white, + $color: $secondaryColor, + $radius: $roundedFull, + $padding: nth($spaces, 3) nth($spaces, 16), + $transition: map-get($durations, 150), + $fontWeight: $fontWeightSemibold, + $border: 1px solid $secondaryColor, + $hoverBgColor: rgba($color: $secondaryColor, $alpha: 0.1) + ); +} diff --git a/basket/scss/components/_card.scss b/basket/scss/components/_card.scss new file mode 100644 index 0000000..1ed1bdc --- /dev/null +++ b/basket/scss/components/_card.scss @@ -0,0 +1,71 @@ +.card { + display: flex; + flex-direction: column; + border-radius: $rounded2Xl; + margin: nth($spaces, 8); + width: 27rem; + padding: nth($spaces, 8) nth($spaces, 10); + box-shadow: $shadowDarkSpread; + + @include miniLaptop { + width: 50%; + margin: nth($spaces, 4); + } + @include mobile { + width: 100%; + margin: nth($spaces, 4) auto; + border-radius: 0; + } + + &__image { + background-color: $white; + width: 7rem; + height: 7rem; + margin: nth($spaces, 4) auto; + } + + &__button { + margin: 0 auto nth($spaces, 12) auto; + & > a { + color: $secondaryColor; + &:hover { + background-color: transparent; + } + } + &:hover > a { + color: $black; + } + } + + &__text-section { + margin: nth($spaces, 6) 0; + text-align: center; + } + + &__title { + margin-top: nth($spaces, 3); + margin-bottom: nth($spaces, 6); + } + + &__description { + text-align: center; + margin-bottom: nth($spaces, 10); + color: rgba($color: $black, $alpha: 0.8); + } + + &__bottom-link { + display: flex; + align-items: center; + justify-content: center; + gap: nth($spaces, 1); + .icon-notification { + width: 1rem; + height: 1rem; + } + } + + a { + background-color: transparent; + text-align: center; + } +} diff --git a/basket/scss/components/_close-modal.scss b/basket/scss/components/_close-modal.scss new file mode 100644 index 0000000..cf622a7 --- /dev/null +++ b/basket/scss/components/_close-modal.scss @@ -0,0 +1,62 @@ +.close-modal { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background-color: $white; + color: $black; + box-shadow: $shadowDarkSpread; + border-radius: $rounded; + padding: nth($spaces, 8); + width: 37em; + height: 18em; + position: absolute; + z-index: 999; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + + @include mobile { + width: 100%; + } + + + &__buttons-container { + display: flex; + margin: nth($spaces, 8); + font-size: $fontSize2Xl; + margin-bottom: 0; + gap: nth($spaces, 4); + } + + &__button-yes { + @include button( + $bg: $white, + $color: $black, + $radius: $rounded, + $padding: nth($spaces, 2) nth($spaces, 4), + $transition: map-get($durations, 300), + $border: 1px solid rgba($color: $black, $alpha: 0.3), + $hoverBgColor: rgba(0, 0, 0, 0.1) + ); + &:hover { + color: $white; + } + } + + &__button-no { + @include button( + $bg: $secondaryColor, + $color: $black, + $radius: $rounded, + $padding: nth($spaces, 2) nth($spaces, 4), + $transition: map-get($durations, 300), + $hoverBgColor: rgba($color: $secondaryColor, $alpha: 0.9) + ); + } + + &__button-yes:hover, + &__button-no:hover { + transform: scale(1.1); + } +} diff --git a/basket/scss/components/_form.scss b/basket/scss/components/_form.scss new file mode 100644 index 0000000..152ffc5 --- /dev/null +++ b/basket/scss/components/_form.scss @@ -0,0 +1,119 @@ +.form { + display: flex; + flex-direction: column; + gap: nth($spaces, 8); + margin: 0 auto; + width: 80%; + text-align: left; + margin-top: nth($spaces , 16); + @include mobile { + width: 90%; + } + + &__checkboxs-container { + display: flex; + flex-direction: column; + gap: nth($spaces, 4); + } + &__checkbox-group { + display: flex; + align-items: center; + gap: nth($spaces, 4); + user-select: none; + } + &__checkbox-input { + display: none; + } + &__checkbox-button { + display: flex; + align-items: center; + justify-content: center; + height: 1.5rem; + width: 1.5rem; + background-color: $white; + border: $lightBorder; + border-radius: $rounded; + transition: map-get($durations, 150); + cursor: pointer; + flex-shrink: 0; + &::after { + content: ""; + display: none; + width: 0.4rem; + height: 0.7rem; + border: solid $white; + border-width: 0 0.2rem 0.2rem 0; + transform: rotate(45deg); + } + } + &__checkbox-input:checked ~ .form__checkbox-button { + background-color: $primaryColor; + box-shadow: 0px 0px 5px 5px rgba($color: $primaryColor, $alpha: 0.5); + border-color: transparent; + &::after { + display: block; + } + } + &__checkbox-group:hover + .form__checkbox-input:not(:checked) + ~ .form__checkbox-button { + background-color: rgba($color: $tertiaryColor, $alpha: 0.2); + } + + &__input-groups-container { + display: flex; + justify-content: space-between; + gap: nth($spaces, 4); + @include miniLaptop { + flex-direction: column; + } + } + &__input-group { + display: flex; + flex-direction: column; + gap: nth($spaces, 2); + flex-grow: 1; + + } + &__input-label-star { + color: $primaryColor; + } + &__input { + padding: nth($spaces, 4); + border: $lightBorder; + border-radius: $rounded; + } + + &__textarea-group { + display: flex; + flex-direction: column; + gap: nth($spaces, 2); + } + &__textarea { + width: 100%; + height: 8rem; + border-radius: $rounded; + border: $lightBorder; + resize: none; + padding: nth($spaces, 2); + } + + &__button { + @include button( + $bg: $white, + $color: $black, + $radius: $rounded, + $padding: nth($spaces, 3) nth($spaces, 6), + $transition: map-get($durations, 150), + $border: $lightBorder, + $hoverBgColor: $primaryColor + ); + align-self: flex-start; + margin-bottom: nth($spaces, 4); + + &:hover { + color: $white; + border-color: transparent; + } + } +} diff --git a/basket/scss/components/_platform.scss b/basket/scss/components/_platform.scss new file mode 100644 index 0000000..787a33e --- /dev/null +++ b/basket/scss/components/_platform.scss @@ -0,0 +1,97 @@ +.platform { + width: 20em; + height: 7em; + @include tablet { + width: 19em; + } + @include mobile { + width: 22em; + } + + &__radio-input { + display: none; + } + + &__radio-label { + display: block; + height: 100%; + width: 100%; + background: $white; + border: $lightBorder; + border-radius: $rounded3Xl; + overflow: hidden; + box-shadow: $shadowDark; + position: relative; + transition: map-get($durations, 300); + } + + &__radio-input:not(:disabled) ~ .platform__radio-label { + cursor: pointer; + } + &__radio-input:disabled ~ .platform__radio-label { + color: $fifthColor; + border-color: $fifthColor; + box-shadow: none; + cursor: not-allowed; + } + &__radio-input:checked ~ .platform__radio-label { + background: $secondaryColor; + color: $white; + box-shadow:$shadowDarkSpread; + .platform__check-circle::after { + display: flex; + } + } + + &__name { + font-size: $fontSize2Xl; + font-weight: $fontWeightMedium; + position: absolute; + top: 50%; + left: 59%; + transform: translate(-50%, -50%); + white-space: pre; + } + + &__check-circle { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + top: 30%; + left: 5%; + height: 3rem; + width: 3rem; + + &::after { + content: "✓"; + position: absolute; + top: 0; + left: 0; + display: flex; + height: 3rem; + width: 3rem; + color: $black; + background: $white; + font-size: $fontSize3Xl; + border-radius: $roundedFull; + display: none; + align-items: center; + justify-content: center; + } + } + + &__front-image { + width: 85%; + height: 85%; + object-fit: contain; + } + + &__bg-image { + width: 11em; + opacity: 0.2; + position: absolute; + top: -29%; + right: -17%; + } +} diff --git a/basket/scss/layout/_basket-content.scss b/basket/scss/layout/_basket-content.scss new file mode 100644 index 0000000..0589b34 --- /dev/null +++ b/basket/scss/layout/_basket-content.scss @@ -0,0 +1,18 @@ +.basket-content { + background: $white; + h2 { + margin: nth($spaces, 3) 0 nth($spaces, 6); + @include mobile { + margin: nth($spaces, 3) 0; + } + } + + .cards-section { + display: flex; + justify-content: center; + + @include mobile { + flex-direction: column; + } + } +} diff --git a/basket/scss/layout/_header.scss b/basket/scss/layout/_header.scss new file mode 100644 index 0000000..a094c23 --- /dev/null +++ b/basket/scss/layout/_header.scss @@ -0,0 +1,34 @@ +.header { + width: 100%; + height: 5rem; + position: relative; + box-shadow: $shadowDark; + + &__basket { + display: flex; + flex-direction: row; + margin: 0 auto; + align-items: center; + justify-content: space-between; + position: relative; + top: 30%; + width: 80%; + } + + .icon { + display: inline-block; + width: 2rem; + height: 2rem; + fill: adjust-color($black, $lightness: 50%); + } + + &__logo { + width: 7rem; + height: 3rem; + object-fit: cover; + } + + a { + background: transparent; + } +} diff --git a/basket/scss/layout/_platform-options-container.scss b/basket/scss/layout/_platform-options-container.scss new file mode 100644 index 0000000..e37848c --- /dev/null +++ b/basket/scss/layout/_platform-options-container.scss @@ -0,0 +1,14 @@ +.platform-options-container { + display: flex; + justify-content: center; + flex-flow: row wrap; + padding-bottom: nth($spaces, 8); + margin: nth($spaces, 4) 0; + border-bottom: $lightBorder; + gap: nth($spaces , 10); + margin: 0 auto; + width: 80%; + @include mobile { + width: 90%; + } + } \ No newline at end of file diff --git a/basket/scss/layout/_select-section.scss b/basket/scss/layout/_select-section.scss new file mode 100644 index 0000000..3b5d212 --- /dev/null +++ b/basket/scss/layout/_select-section.scss @@ -0,0 +1,20 @@ +.select-section { + width: 100%; + height: 100%; + background-color: $white; + position: fixed; + overflow: auto; + z-index: 99; + transition: all 0.9s cubic-bezier(0.6, 0.05, 0.4, 1); + + &--left{ + top: 0; + bottom: 0; + right: 105%; + } + &--right{ + top: 0; + bottom: 0; + left: 105%; + } +} diff --git a/basket/scss/main.scss b/basket/scss/main.scss index e69de29..88b799a 100644 --- a/basket/scss/main.scss +++ b/basket/scss/main.scss @@ -0,0 +1,31 @@ +/*------------------------------------*\ + #ABSTRACTS +\*------------------------------------*/ +@import "../../shared/scss/abstracts/variables"; +@import "../../shared/scss/abstracts/media-query"; +@import "variables"; +@import "typography"; + +/*------------------------------------*\ + #BASE +\*------------------------------------*/ +@import "../../shared/scss/base/reset"; +@import "base"; + +/*------------------------------------*\ + #COMPONENTS +\*------------------------------------*/ +@import "../../shared/scss/components/button"; +@import "components/button"; +@import "components/card"; +@import "components/close-modal"; +@import "components/form"; +@import "components/platform"; + +/*------------------------------------*\ + #LAYOUTS +\*------------------------------------*/ +@import "layout/header"; +@import "layout/basket-content"; +@import "layout/select-section"; +@import "layout/platform-options-container"; diff --git a/index.html b/index.html index 7d5a12f..129583a 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,8 @@ - Anvogue + BeeTheme + Available Free Landing Pages > - - + + diff --git a/show-land/js/script.js b/js/script.js similarity index 93% rename from show-land/js/script.js rename to js/script.js index 51f00ee..cc13cd9 100644 --- a/show-land/js/script.js +++ b/js/script.js @@ -35,10 +35,20 @@ const demos = [ url: "app-land/index.html", mainImage: "app-land-main.jpeg", entirePageImage: "app-land-entire.jpeg", - } + }, + { + id: 3, + name: "Basket", + createdBy: { + name: "Ahmad Mohammadirad", + github: "https://github.com/ahmadmohammadirad2006", + }, + url: "basket/index.html", + mainImage: "basket-entire-main.png", + entirePageImage: "basket-entire-main.png", + }, ]; - /*------------------------------------*\ #SELECTING ELEMENTS \*------------------------------------*/ diff --git a/login/README.md b/login/README.md new file mode 100644 index 0000000..eee0e49 --- /dev/null +++ b/login/README.md @@ -0,0 +1,3 @@ +### photo original url + +https://www.pexels.com/photo/macbook-pro-on-brown-wooden-table-2312369/ diff --git a/login/css/style.css b/login/css/style.css index 329651d..1fdaaa3 100644 --- a/login/css/style.css +++ b/login/css/style.css @@ -1,3 +1,169 @@ +*, +*::before, +*::after { + box-sizing: border-box; +} +* { + padding: 0; + margin: 0; + font: inherit; +} + +body { + min-height: 100vh; +} + +ol, +ul { + list-style: none; +} + +img, +picture, +svg, +video { + display: block; +} + +a { + color: inherit; + text-decoration: none; +} + +/*------------------------------------*\ + #FONT +\*------------------------------------*/ +/*------------------------------------*\ + #BREAKPOINTS +\*------------------------------------*/ +/*------------------------------------*\ + #SPACES (padding & margin & gap) +\*------------------------------------*/ +/*------------------------------------*\ + #TRANSITION DURATION +\*------------------------------------*/ +/*------------------------------------*\ + #BOX SHADOW +\*------------------------------------*/ +/*------------------------------------*\ + #BORDER RADIUS +\*------------------------------------*/ +/*------------------------------------*\ + #COLORS +\*------------------------------------*/ +/*========================================================= +********* Generic Button Component +******* +*/ +.container-fluid { + width: 100%; + max-width: 100%; +} + +.login { + display: flex; +} +.login-image { + flex: 1; +} +.login-image img { + width: 100%; + height: 100vh; + object-fit: cover; +} +.login-form { + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + border-top: 1px solid #000; +} +.login-form h2 { + font-size: 3em; + padding-bottom: 1.5em; +} +.login-form-form { + display: flex; + flex-direction: column; + gap: 1em; + width: 50%; +} +.login-form-form input { + border: 1px solid rgba(0, 0, 0, 0.38); + border-radius: 1em; + padding: 1em; +} +.login-form-form input:focus, .login-form-form input:active { + border: 1px solid #ff5b32; +} +.login-form-form .login-form-remember-me input, +.login-form-form .login-form-remember-me label { + display: inline; + width: auto; + margin: 0.25em; + font-size: 1.125em; + cursor: pointer; +} +.login-form-form .login-form-remember-me input { + border: 0.5em solid gray; + border-radius: 0.5em; + width: 1em; + height: 1em; +} +.login-form-form .login-form-forgot-password { + margin-left: 2em; +} +.login-form-form button { + background: #ff5b32; + color: #fff; + border-radius: 9999px; + border: 1px solid transparent; + padding: 1em 2em; + font-size: 1em; + font-weight: 400; + transition: all 0.6s ease; + text-align: center; + cursor: pointer; + width: 85%; + display: block; + margin: 0 auto; +} +.login-form-form button:hover { + background-color: #fff; +} +.login-form-form button:hover { + color: #ff5b32; + border: 1px solid #ff5b32; +} +.login label, +.login input { + width: 100%; + display: block; + margin: 0.5em 0; +} +.login label { + font-size: 1.5em; +} + +@media (max-width: 40em) { + .login { + height: 100vh; + } + .login-image { + display: none; + } + .login-form-form { + width: 100%; + padding: 0 1em; + } +} +@media (max-width: 62em) { + .login-form-form { + width: 80%; + padding: 0 1em; + } +} /*# sourceMappingURL=style.css.map */ diff --git a/login/css/style.css.map b/login/css/style.css.map index 4c9b008..b1c227e 100644 --- a/login/css/style.css.map +++ b/login/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../shared/scss/base/_reset.scss","../../shared/scss/abstracts/_variables.scss","../scss/_variables.scss","../../shared/scss/components/_button.scss","../scss/layout/_layout.scss"],"names":[],"mappings":"AACA;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;;;AC/BF;AAAA;AAAA;AAwBA;AAAA;AAAA;AAeA;AAAA;AAAA;AASA;AAAA;AAAA;AAeA;AAAA;AAAA;AAMA;AAAA;AAAA;ACrEA;AAAA;AAAA;ACGA;AAAA;AAAA;AAAA;ACCA;EACE;EACA;;;AAGF;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,WHdQ;EGeR;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA,eHmCK;EGlCL;;AAEA;EAEE;;AAKF;AAAA;EAEE;EACA;EACA;EACA,WH9CG;EG+CH;;AAGF;EACE;EACA,eHYE;EGXF;EACA;;AAIJ;EACE;;AAGF;EDxDJ,YDda;ECeb,OC0DgB;EDzDhB,eF6DY;EE5DZ,QC0DiB;EDzDjB,SC0DkB;EDzDlB,WAVW;EAWX,aAVa;EAWb,YCwDqB;EDvDrB;EACA;EC0DM;EACA;EACA;;AD1DN;EACE,kBCoDqB;;AAOjB;EACE,OFtFK;EEuFL;;AAMR;AAAA;EAEE;EACA;EACA;;AAGF;EACE,WH3FU;;;AG+Fd;EACE;IACE;;EAEA;IACE;;EAIA;IACE;IACA;;;AAMR;EAGM;IACE;IACA","file":"style.css"} \ No newline at end of file diff --git a/login/images/login-image.jpg b/login/images/login-image.jpg new file mode 100644 index 0000000..59d97ed Binary files /dev/null and b/login/images/login-image.jpg differ diff --git a/login/index.html b/login/index.html index 33d0dc3..a9785c3 100644 --- a/login/index.html +++ b/login/index.html @@ -5,5 +5,39 @@ Login - + +
+
+ +
+ +
+

Login

+ +
+
+ diff --git a/login/scss/_variables.scss b/login/scss/_variables.scss new file mode 100644 index 0000000..e82e20c --- /dev/null +++ b/login/scss/_variables.scss @@ -0,0 +1,5 @@ +/*------------------------------------*\ + #COLORS +\*------------------------------------*/ + +$primaryColor: #ff5b32; diff --git a/login/scss/layout/_layout.scss b/login/scss/layout/_layout.scss new file mode 100644 index 0000000..d93cdfa --- /dev/null +++ b/login/scss/layout/_layout.scss @@ -0,0 +1,136 @@ +@use "sass:list"; +@use "sass:color"; +@import "../../../shared/scss/components/button"; + +.container-fluid { + width: 100%; + max-width: 100%; +} + +.login { + display: flex; + + &-image { + flex: 1; + + img { + width: 100%; + height: 100vh; + object-fit: cover; + } + } + + &-form { + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + border-top: 1px solid #000; + + h2 { + font-size: $fontSize5Xl; + padding-bottom: list.nth($spaces, 6); + } + + &-form { + display: flex; + flex-direction: column; + gap: list.nth($spaces, 4); + width: 50%; + + input { + border: 1px solid rgba($color: #000000, $alpha: 0.38); + border-radius: $rounded2Xl; + padding: list.nth($spaces, 4); + + &:focus, + &:active { + border: 1px solid $primaryColor; + } + } + + .login-form-remember-me { + input, + label { + display: inline; + width: auto; + margin: list.nth($spaces, 1); + font-size: $fontSizeLg; + cursor: pointer; + } + + input { + border: 0.5em solid gray; + border-radius: $roundedLg; + width: 1em; + height: 1em; + } + } + + .login-form-forgot-password { + margin-left: list.nth($spaces, 8); + } + + button { + @include button( + $bg: $primaryColor, + $color: #fff, + $radius: $roundedFull, + $border: 1px solid transparent, + $padding: list.nth($spaces, 4) list.nth($spaces, 8), + $transition: all 0.6s ease, + $hoverBgColor: #fff + ); + + width: 85%; + display: block; + margin: 0 auto; + + &:hover { + color: $primaryColor; + border: 1px solid $primaryColor; + } + } + } + } + + label, + input { + width: 100%; + display: block; + margin: list.nth($spaces, 2) 0; + } + + label { + font-size: $fontSize2Xl; + } +} + +@media (max-width: $eta) { + .login { + height: 100vh; + + &-image { + display: none; + } + + &-form { + &-form { + width: 100%; + padding: 0 list.nth($spaces, 4); + } + } + } +} + +@media (max-width: $gamma) { + .login { + &-form { + &-form { + width: 80%; + padding: 0 list.nth($spaces, 4); + } + } + } +} diff --git a/login/scss/layout/_login.scss b/login/scss/layout/_login.scss new file mode 100644 index 0000000..e69de29 diff --git a/login/scss/main.scss b/login/scss/main.scss index e69de29..b72f309 100644 --- a/login/scss/main.scss +++ b/login/scss/main.scss @@ -0,0 +1,4 @@ +@import "../../shared/scss/base/reset"; +@import "../../shared/scss/abstracts/variables"; +@import "variables"; +@import "layout/layout"; diff --git a/product-details/css/style.css b/product-details/css/style.css index 987e8f4..12e1331 100644 --- a/product-details/css/style.css +++ b/product-details/css/style.css @@ -1,13 +1,6 @@ -@charset "UTF-8"; /*------------------------------------*\ #ABSTRACTS \*------------------------------------*/ -/* =================================== - 🌐 MAIN IMPORT FILE - Collects and imports all SASS modules -====================================== */ -/* ~~~~~~~~~~~~~~🔹 ABSTRACTS 🔹~~~~~~~~~~~~~~ */ -/* Variables, Mixins, Media Queries, and Functions */ /*======================================================================================== ********* GRIDS BASE SUSY ******* MEDIA QUERY @@ -18,6 +11,7 @@ *** GENERAL DIFINITIONS ** CSS3 , CLEARFIX */ +@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"); .container { width: 90%; } @@ -79,8 +73,35 @@ /*------------------------------------*\ #BORDER RADIUS \*------------------------------------*/ -/* ~~~~~~~~~~~~~~🔸 BASE 🔸~~~~~~~~~~~~~~ */ -/* Global styles, Resets, and Utilities */ +/*------------------------------------*\ + #COLORS +\*------------------------------------*/ +:root { + --gradient: linear-gradient( + 310deg, + #845ec2, + #d65db1, + #ff6f91, + #ff9671, + #ffc75f + ); +} + +/*------------------------------------*\ + #SPACE +\*------------------------------------*/ +/*------------------------------------*\ + #FONT +\*------------------------------------*/ +/*------------------------------------*\ + #SHADOW +\*------------------------------------*/ +/*------------------------------------*\ + #BORDER +\*------------------------------------*/ +/*------------------------------------*\ + #BASE +\*------------------------------------*/ *, *::before, *::after { @@ -115,226 +136,835 @@ a { text-decoration: none; } -/* ~~~~~~~~~~~~~~🟢 COMPONENTS 🟢~~~~~~~~~~~~~~ */ -/* Reusable components and UI elements */ -/*========================================================= -********* Generic Button Component -******* -*/ -/* ~~~~~~~~~~~~~~⚙️ LAYOUT ⚙️~~~~~~~~~~~~~~ */ -/* Grid systems, structure, and layout styles */ -/*======================= -********* GRIDS COL -******* MEDIA QUERY -***** -*** -*/ -.row { - width: 100%; - display: block; - clear: both; -} - -@media screen and (min-width: 75.0625em) { - .col-xl-1 { - width: 8.3333333333%; - float: left; - } - .col-xl-2 { - width: 16.6666666667%; - float: left; - } - .col-xl-3 { - width: 25%; - float: left; - } - .col-xl-4 { - width: 33.3333333333%; - float: left; - } - .col-xl-5 { - width: 41.6666666667%; - float: left; +@keyframes fade-in { + 0% { + opacity: 0; } - .col-xl-6 { - width: 50%; - float: left; - } - .col-xl-7 { - width: 58.3333333333%; - float: left; - } - .col-xl-8 { - width: 66.6666666667%; - float: left; + 100% { + opacity: 1; } - .col-xl-9 { - width: 75%; - float: left; +} +@keyframes fade-out { + 0% { + opacity: 1; } - .col-xl-10 { - width: 83.3333333333%; - float: left; + 100% { + opacity: 0; } - .col-xl-11 { - width: 91.6666666667%; - float: left; +} +@keyframes background-movement { + 0% { + background-position: right; } - .col-xl-12 { - width: 100%; - float: left; + 100% { + background-position: left; } } +.section { + width: 100%; + padding: 0 15rem; +} @media screen and (max-width: 75em) { - .col-lg-1 { - width: 8.3333333333%; - float: left; - } - .col-lg-2 { - width: 16.6666666667%; - float: left; - } - .col-lg-3 { - width: 25%; - float: left; - } - .col-lg-4 { - width: 33.3333333333%; - float: left; - } - .col-lg-5 { - width: 41.6666666667%; - float: left; - } - .col-lg-6 { - width: 50%; - float: left; - } - .col-lg-7 { - width: 58.3333333333%; - float: left; - } - .col-lg-8 { - width: 66.6666666667%; - float: left; - } - .col-lg-9 { - width: 75%; - float: left; - } - .col-lg-10 { - width: 83.3333333333%; - float: left; - } - .col-lg-11 { - width: 91.6666666667%; - float: left; - } - .col-lg-12 { - width: 100%; - float: left; + .section { + padding: 0 1.5rem; } } -@media screen and (max-width: 62em) { - .col-md-1 { - width: 8.3333333333%; - float: left; - } - .col-md-2 { - width: 16.6666666667%; - float: left; - } - .col-md-3 { - width: 25%; - float: left; - } - .col-md-4 { - width: 33.3333333333%; - float: left; - } - .col-md-5 { - width: 41.6666666667%; - float: left; - } - .col-md-6 { - width: 50%; - float: left; - } - .col-md-7 { - width: 58.3333333333%; - float: left; - } - .col-md-8 { - width: 66.6666666667%; - float: left; - } - .col-md-9 { - width: 75%; - float: left; - } - .col-md-10 { - width: 83.3333333333%; - float: left; - } - .col-md-11 { - width: 91.6666666667%; - float: left; - } - .col-md-12 { - width: 100%; - float: left; - } + +img { + width: 100%; } -@media screen and (max-width: 47.9375em) { - .col-sm-1 { - width: 8.3333333333%; - float: left; - } - .col-sm-2 { - width: 16.6666666667%; - float: left; - } - .col-sm-3 { - width: 25%; - float: left; - } - .col-sm-4 { - width: 33.3333333333%; - float: left; - } - .col-sm-5 { - width: 41.6666666667%; - float: left; - } - .col-sm-6 { - width: 50%; - float: left; - } - .col-sm-7 { - width: 58.3333333333%; - float: left; - } - .col-sm-8 { - width: 66.6666666667%; - float: left; - } - .col-sm-9 { - width: 75%; - float: left; - } - .col-sm-10 { - width: 83.3333333333%; - float: left; - } - .col-sm-11 { - width: 91.6666666667%; - float: left; - } - .col-sm-12 { - width: 100%; - float: left; - } + +a.link { + color: rgb(0, 0, 0); + transition: 150ms; +} +a.link:hover { + color: rgb(255, 94, 87); +} + +.background-gradient-animation { + background-image: var(--gradient); + background-size: 500%; + transition: animation 4s; + animation: background-movement 5s infinite alternate; +} + +/*------------------------------------*\ + #TYPOGRAPGY +\*------------------------------------*/ +/*======================================================================================== +********* +******* EXPORT THIS FONT ICONS FROM ICOMOON.IO AND SELECTED THESE ICONS BASE PERSONAL INTRESTING +***** YOU CAN UPDATE THIS ICONS WITH IMPORT JSON FILE IN COMPONENT FOLDER TO MAIN SITE. +*** +*/ +@font-face { + font-family: "icomoon"; + src: url("../fonts/icons/icomoon.eot?5sy53h"); + src: url("../fonts/icons/icomoon.eot?5sy53h#iefix") format("embedded-opentype"), url("../fonts/icons/icomoon.ttf?5sy53h") format("truetype"), url("../fonts/icons/icomoon.woff?5sy53h") format("woff"), url("../fonts/icons/icomoon.svg?5sy53h#icomoon") format("svg"); + font-weight: normal; + font-style: normal; +} +[class^=icon-], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: "icomoon" !important; + speak: none; + 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-facebook1:before { + content: "\e929"; +} + +.icon-social:before { + content: "\e929"; +} + +.icon-food:before { + content: "\e927"; +} + +.icon-lock:before { + content: "\e922"; +} + +.icon-heart:before { + content: "\e923"; +} + +.icon-love:before { + content: "\e923"; +} + +.icon-like:before { + content: "\e923"; +} + +.icon-favorite:before { + content: "\e923"; +} + +.icon-file-jpg:before { + content: "\e92b"; +} + +.icon-file-jpg1:before { + content: "\e92d"; +} + +.icon-file-png:before { + content: "\e92c"; +} + +.icon-file-png1:before { + content: "\e92e"; +} + +.icon-globe:before { + content: "\e932"; +} + +.icon-earth:before { + content: "\e932"; +} + +.icon-globe-outline:before { + content: "\e92f"; +} + +.icon-globe1:before { + content: "\e931"; +} + +.icon-fastfood:before { + content: "\e928"; +} + +.icon-chevron-down:before { + content: "\e902"; +} + +.icon-chevron-left:before { + content: "\e905"; +} + +.icon-chevron-right:before { + content: "\e906"; +} + +.icon-chevron-up:before { + content: "\e907"; +} + +.icon-chevrons-down:before { + content: "\e908"; +} + +.icon-chevrons-left:before { + content: "\e909"; +} + +.icon-chevrons-right:before { + content: "\e90a"; +} + +.icon-chevrons-up:before { + content: "\e90b"; +} + +.icon-menu5:before { + content: "\e5d2"; +} + +.icon-more_horiz:before { + content: "\e5d3"; +} + +.icon-more_vert:before { + content: "\e5d4"; +} + +.icon-filter:before { + content: "\e925"; +} + +.icon-add-outline:before { + content: "\e90c"; +} + +.icon-add-solid:before { + content: "\e90d"; +} + +.icon-cheveron-down:before { + content: "\e90e"; +} + +.icon-cheveron-left:before { + content: "\e90f"; +} + +.icon-cheveron-right:before { + content: "\e910"; } + +.icon-cheveron-up:before { + content: "\e911"; +} + +.icon-close:before { + content: "\e914"; +} + +.icon-compose:before { + content: "\e915"; +} + +.icon-credit-card2:before { + content: "\e916"; +} + +.icon-envelope:before { + content: "\e917"; +} + +.icon-link2:before { + content: "\e918"; +} + +.icon-list3:before { + content: "\e919"; +} + +.icon-list-add:before { + content: "\e91a"; +} + +.icon-list-bullet:before { + content: "\e91b"; +} + +.icon-menu6:before { + content: "\e91c"; +} + +.icon-network:before { + content: "\e91d"; +} + +.icon-question2:before { + content: "\e91e"; +} + +.icon-view-list:before { + content: "\e921"; +} + +.icon-shopping-cart:before { + content: "\e933"; +} + +.icon-loop-alt3:before { + content: "\e924"; +} + +.icon-home:before { + content: "\e900"; +} + +.icon-home2:before { + content: "\e901"; +} + +.icon-office:before { + content: "\e903"; +} + +.icon-newspaper:before { + content: "\e904"; +} + +.icon-play:before { + content: "\e912"; +} + +.icon-film:before { + content: "\e913"; +} + +.icon-book:before { + content: "\e91f"; +} + +.icon-books:before { + content: "\e920"; +} + +.icon-folder-open:before { + content: "\e930"; +} + +.icon-ticket:before { + content: "\e939"; +} + +.icon-coin-dollar:before { + content: "\e93b"; +} + +.icon-credit-card:before { + content: "\e93f"; +} + +.icon-pushpin:before { + content: "\e946"; +} + +.icon-location:before { + content: "\e947"; +} + +.icon-history:before { + content: "\e94d"; +} + +.icon-clock:before { + content: "\e94e"; +} + +.icon-clock2:before { + content: "\e94f"; +} + +.icon-alarm:before { + content: "\e950"; +} + +.icon-bell:before { + content: "\e951"; +} + +.icon-stopwatch:before { + content: "\e952"; +} + +.icon-calendar:before { + content: "\e953"; +} + +.icon-search:before { + content: "\e986"; +} + +.icon-enlarge:before { + content: "\e989"; +} + +.icon-shrink:before { + content: "\e98a"; +} + +.icon-stats-bars:before { + content: "\e99c"; +} + +.icon-gift:before { + content: "\e99f"; +} + +.icon-mug:before { + content: "\e9a2"; +} + +.icon-rocket:before { + content: "\e9a5"; +} + +.icon-bin:before { + content: "\e9ac"; +} + +.icon-bin2:before { + content: "\e9ad"; +} + +.icon-briefcase:before { + content: "\e9ae"; +} + +.icon-airplane:before { + content: "\e9af"; +} + +.icon-truck:before { + content: "\e9b0"; +} + +.icon-road:before { + content: "\e9b1"; +} + +.icon-switch:before { + content: "\e9b6"; +} + +.icon-clipboard:before { + content: "\e9b8"; +} + +.icon-cloud-download:before { + content: "\e9c2"; +} + +.icon-cloud-upload:before { + content: "\e9c3"; +} + +.icon-cloud-check:before { + content: "\e9c4"; +} + +.icon-download2:before { + content: "\e9c5"; +} + +.icon-upload2:before { + content: "\e9c6"; +} + +.icon-download3:before { + content: "\e9c7"; +} + +.icon-upload3:before { + content: "\e9c8"; +} + +.icon-sphere:before { + content: "\e9c9"; +} + +.icon-earth1:before { + content: "\e9ca"; +} + +.icon-link:before { + content: "\e9cb"; +} + +.icon-flag:before { + content: "\e9cc"; +} + +.icon-attachment:before { + content: "\e9cd"; +} + +.icon-bookmark:before { + content: "\e9d2"; +} + +.icon-bookmarks:before { + content: "\e9d3"; +} + +.icon-notification:before { + content: "\ea08"; +} + +.icon-question:before { + content: "\ea09"; +} + +.icon-plus:before { + content: "\ea0a"; +} + +.icon-minus:before { + content: "\ea0b"; +} + +.icon-info:before { + content: "\ea0c"; +} + +.icon-cancel-circle:before { + content: "\ea0d"; +} + +.icon-blocked:before { + content: "\ea0e"; +} + +.icon-cross:before { + content: "\ea0f"; +} + +.icon-checkmark:before { + content: "\ea10"; +} + +.icon-checkmark2:before { + content: "\ea11"; +} + +.icon-exit:before { + content: "\ea14"; +} + +.icon-clipboard2:before { + content: "\e9b9"; +} + +.icon-list:before { + content: "\e9ba"; +} + +.icon-list2:before { + content: "\e9bb"; +} + +.icon-menu:before { + content: "\e9bd"; +} + +.icon-menu2:before { + content: "\e9be"; +} + +.icon-menu3:before { + content: "\e9bf"; +} + +.icon-menu4:before { + content: "\e9c0"; +} + +.icon-quotes-left:before { + content: "\e977"; +} + +.icon-quotes-right:before { + content: "\e978"; +} + +.icon-circle-up:before { + content: "\ea41"; +} + +.icon-circle-right:before { + content: "\ea42"; +} + +.icon-circle-down:before { + content: "\ea43"; +} + +.icon-circle-left:before { + content: "\ea44"; +} + +.icon-ctrl:before { + content: "\ea50"; +} + +.icon-share2:before { + content: "\ea82"; +} + +.icon-mail:before { + content: "\ea83"; +} + +.icon-mail4:before { + content: "\ea86"; +} + +.icon-google-plus:before { + content: "\ea8b"; +} + +.icon-google-plus2:before { + content: "\ea8c"; +} + +.icon-google-plus3:before { + content: "\ea8d"; +} + +.icon-facebook:before { + content: "\ea90"; +} + +.icon-facebook2:before { + content: "\ea91"; +} + +.icon-instagram:before { + content: "\ea92"; +} + +.icon-whatsapp:before { + content: "\ea93"; +} + +.icon-telegram:before { + content: "\ea95"; +} + +.icon-twitter:before { + content: "\ea96"; +} + +.icon-rss:before { + content: "\ea9b"; +} + +.icon-rss2:before { + content: "\ea9c"; +} + +.icon-linkedin:before { + content: "\eac9"; +} + +.icon-linkedin2:before { + content: "\eaca"; +} + +.icon-heart1:before { + content: "\e92a"; +} + +.icon-love1:before { + content: "\e92a"; +} + +.icon-favorite1:before { + content: "\e92a"; +} + +.icon-like1:before { + content: "\e92a"; +} + +.icon-arrow-right2:before { + content: "\ea3c"; +} + +.icon-arrow-left2:before { + content: "\ea40"; +} + +.icon-cart:before { + content: "\e93a"; +} + +.icon-credit-card1:before { + content: "\e940"; +} + +.icon-star-empty:before { + content: "\e9d7"; +} + +.icon-star-half:before { + content: "\e9d8"; +} + +.icon-star-full:before { + content: "\e9d9"; +} + +.icon-arrow-right21:before { + content: "\ea3d"; +} + +.icon-arrow-left21:before { + content: "\ea45"; +} + +.icon-trophy:before { + content: "\e926"; +} + +body { + font-family: "Inter", sans-serif; +} + +.heading-1 { + font-size: 3.75em; + font-weight: 500; +} +.heading-1--primary { + color: rgb(255, 255, 255); +} + +.paragraph { + font-size: 1.25em; +} +.paragraph--primary { + color: rgb(255, 255, 255); +} + +/*------------------------------------*\ + #COMPONENTS +\*------------------------------------*/ +/*========================================================= +********* Generic Button Component +******* +*/ +.cta { + background: transparent; + color: #fff; + border-radius: 9999px; + border: none; + padding: 0.75em 2.5em; + font-size: 1.25em; + font-weight: 400; + transition: 300ms; + text-align: center; + cursor: pointer; + text-transform: uppercase; +} +.cta:hover { + background-color: none; +} +.cta--primary { + background-color: #2fdc81; + color: rgb(255, 255, 255); +} +.cta--primary:hover { + background-color: rgb(31.1111111111, 184.8888888889, 104); +} + +/*------------------------------------*\ + #LAYOUT +\*------------------------------------*/ +/*------------------------------------*\ + #ABSTRACTS +\*------------------------------------*/ +/*======================================================================================== +********* GRIDS BASE SUSY +******* MEDIA QUERY +***** +*** +*/ +/*-------------------------------- +*** GENERAL DIFINITIONS +** CSS3 , CLEARFIX +*/ +.container { + width: 90%; +} + +/*========================================================================================*\ +*---------------------------- MEDIA QUERY ---------------------------- +\*========================================================================================*/ +/*-------------------------------- +*** 4K AND HIGH RESOULOTIONS +** MIN-WIDTH : 2560px OR 160em +*/ +/*-------------------------------- +*** LAPTOP OR DESKTOP +** MIN-WIDTH : 1400px OR 87.5em +*/ +/*-------------------------------- +*** FOR SOM OF THE DEVICES +** MIN-WIDTH : 1201px OR 75.0625em +*/ +/*-------------------------------- +*** FOR ANY DEVICE MAX SIZE UNTIL +** MAX-WIDTH : 1200px OR 75em +*/ +/*-------------------------------- +*** FOR ANY DEVICE MAX SIZE UNTIL +** MAX-WIDTH : 1024px OR 64em +*/ +/*-------------------------------- +*** FOR ANY DEVICE MAX SIZE UNTIL +** MAX-WIDTH : 992px OR 62em +*/ +/*-------------------------------- +*** FOR RETINA MOBILE AND LANSCAPE +** MIN : 500px / 31.25em | MAX : 767PX / 47.9375em +*/ +/*-------------------------------- +*** FOR MOBILE +** MAX : 640PX / 40em +*/ +/*-------------------------------- +*** FOR MINI MOBILE +** MAX : 400PX / 25em +*/ +/*------------------------------------*\ + #FONT +\*------------------------------------*/ +/*------------------------------------*\ + #BREAKPOINTS +\*------------------------------------*/ +/*------------------------------------*\ + #SPACES (padding & margin & gap) +\*------------------------------------*/ +/*------------------------------------*\ + #TRANSITION DURATION +\*------------------------------------*/ +/*------------------------------------*\ + #BOX SHADOW +\*------------------------------------*/ +/*------------------------------------*\ + #BORDER RADIUS +\*------------------------------------*/ +/*------------------------------------*\ + #COLORS +\*------------------------------------*/ /*------------------------------------*\ #BASE \*------------------------------------*/ @@ -1019,540 +1649,261 @@ a { } /*------------------------------------*\ - #LAYOUT -\*------------------------------------*/ -/*------------------------------------*\ - #VARIABLES PRODUCT DETAILS -\*------------------------------------*/ -/*------------------------------------*\ - #TOP BAR + #COMPONENTS \*------------------------------------*/ -.top-bar { - width: 100vw; - background: rgb(255, 255, 255); - position: relative; - padding: 0.5em 0em; -} -.top-bar .top-bar-contant { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - width: 70%; - margin: 0 auto; +/*========================================================= +********* Generic DropDown Component +******* Whenever .dropdown is hovered .dropdown__content appears +*/ +.dropdown { position: relative; - top: 30%; -} -.top-bar .top-bar-contant .section-logo-lang { - display: flex; - flex-direction: row; - align-items: center; } -@media screen and (min-width: 31.25em) and (max-width: 47.9375em) { - .top-bar .top-bar-contant .section-logo-lang .logo { - left: 9%; - } +.dropdown:hover .dropdown__content { + display: unset; } -.top-bar .top-bar-contant .section-logo-lang .logo img { - max-width: 8em; +.dropdown .dropdown__content { + display: none; + position: absolute; + z-index: 1; + top: 100%; } -.top-bar .top-bar-contant .section-logo-lang .select-lang > ul { + +/*========================================================= +********* Generic Button Component +******* +*/ +/*------------------------------------*\ + #LAYOUT +\*------------------------------------*/ +.weprodev-header { display: flex; - display: inline-block; - vertical-align: middle; + flex-direction: column; + position: sticky; + top: 0; } -@media screen and (max-width: 64em) { - .top-bar .top-bar-contant .section-logo-lang .select-lang > ul { - display: inline; - color: rgb(89, 70, 140); - max-width: 64em; - } -} -.top-bar .top-bar-contant .section-logo-lang .select-lang > ul li { - list-style: none; - position: relative; - transition: 0.5s; - box-sizing: border-box; - display: flex; - align-items: end; +.weprodev-header a { + transition: 300ms; } -@media screen and (max-width: 64em) { - .top-bar .top-bar-contant .section-logo-lang .select-lang > ul li { - display: inline; - } +.weprodev-header a:hover { + color: #ff5e57; } -.top-bar .top-bar-contant .section-logo-lang .select-lang > ul li .icon-chevron-down { +.weprodev-header__top-section { + width: 100%; + padding-inline: 15rem; display: flex; align-items: center; - color: rgb(255, 94, 87); + justify-content: space-between; + padding-block: 1em; + gap: 1em; + background-color: #fff; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + border-bottom: 1px solid #ecf0f1; } -@media screen and (max-width: 64em) { - .top-bar .top-bar-contant .section-logo-lang .select-lang > ul li .icon-chevron-down { - position: absolute; - top: 0em; - right: -1em; - font-size: 1.2em; - margin-top: 0em; - display: block; - color: rgb(255, 94, 87); - z-index: 200; - border-radius: 1em; +@media screen and (max-width: 75em) { + .weprodev-header__top-section { + padding-inline: 1.5rem; } } -@media screen and (max-width: 64em) and (max-width: 62em) { - .top-bar .top-bar-contant .section-logo-lang .select-lang > ul li .icon-chevron-down { - right: 0em; +@media screen and (max-width: 40em) { + .weprodev-header__top-section { + flex-wrap: wrap; } } -.top-bar .top-bar-contant .section-logo-lang .select-lang > ul li:hover ul { - top: 2.1em; - display: block; - z-index: 9999; - position: absolute; - background-color: rgb(255, 255, 255); - box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); +.weprodev-header__logo { + width: 8rem; } -.top-bar .top-bar-contant .section-logo-lang .select-lang > ul li:hover .l-one { - color: rgb(255, 94, 87); - background-color: transparent; - cursor: pointer; +.weprodev-header__select-lang .icon-globe1:before { + font-size: 2.25em; } -.top-bar .top-bar-contant .section-logo-lang .select-lang > ul li:hover .icon-chevron-down { - display: flex; - align-items: center; - color: rgb(255, 94, 87); +.weprodev-header__select-lang .icon-chevron-down { + transition: 150ms; } -.top-bar .top-bar-contant .section-logo-lang .select-lang > ul li a { - text-decoration: none; - color: rgb(255, 94, 87); - font-size: 1em; - font-weight: 500; - display: inline; - padding-left: 1em; - padding-right: 0.5em; +.weprodev-header__select-lang:hover .icon-chevron-down { + transform: rotate(180deg); } -@media screen and (max-width: 62em) { - .top-bar .top-bar-contant .section-logo-lang .select-lang > ul li a .show { +@media screen and (max-width: 40em) { + .weprodev-header__select-lang { display: none; } } -.top-bar .top-bar-contant .section-logo-lang .select-lang > ul li ul { - background-color: rgb(255, 255, 255); - position: absolute; - top: 5em; - left: 0em; - display: none; - width: 7em; - transition: 0.6s; - margin-top: 0em; - height: auto; - padding: 0em; - z-index: 1500; -} -@media screen and (max-width: 64em) { - .top-bar .top-bar-contant .section-logo-lang .select-lang > ul li ul { - transition: 0.2s; - box-shadow: none; - position: static; - } -} -.top-bar .top-bar-contant .section-logo-lang .select-lang > ul li ul li { - margin-top: 0; - padding: 0.5em; -} -@media screen and (max-width: 64em) { - .top-bar .top-bar-contant .section-logo-lang .select-lang > ul li ul li { - transition: 0.3s; - display: block; - } -} -.top-bar .top-bar-contant .section-logo-lang .select-lang > ul li ul li:hover .l-two { - color: rgb(255, 94, 87); - background-color: transparent; - cursor: pointer; +.weprodev-header__select-lang-title { + display: flex; + align-items: center; + gap: 0.5em; + cursor: default; + padding: 0.5em 0; } -.top-bar .top-bar-contant .section-logo-lang .select-lang > ul li ul li:hover .l-two .Circle { - opacity: 1; - visibility: visible; +.weprodev-header__select-lang-list { + width: 100%; + top: 100%; + left: 0; + border-radius: 0.25em; + flex-direction: column; + box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.2); + background-color: #fff; } -.top-bar .top-bar-contant .section-logo-lang .select-lang > ul li ul li a { - line-height: 2em; - width: 100vw; - padding-left: 0.5em; +.weprodev-header__select-lang-item { + padding: 0.75em; } -.top-bar .top-bar-contant .section-login { +.weprodev-header__search-box { display: flex; - flex-direction: row; - align-content: center; - justify-content: center; - flex-flow: wrap; + margin-left: auto; + background-color: #ff5e57; + padding: 0.25em; + border-radius: 9999px; } -.top-bar .top-bar-contant .section-login .search-box { - margin-right: 1em; - background: rgb(255, 94, 87); - border-radius: 10em; - padding: 4px; +@media screen and (max-width: 40em) { + .weprodev-header__search-box { + order: 2; + margin: 0 auto; + width: 100%; + } } -.top-bar .top-bar-contant .section-login .search-txt { +.weprodev-header__search-box-input { + transition: 300ms; + width: 0; + color: #fff; border: none; - background: none; + background-color: transparent; outline: none; - float: left; - padding: 0; - color: white; - font-size: 16px; - transition: 0.4s; - line-height: 40px; - width: 0px; } -.top-bar .top-bar-contant .section-login .search-btn { - color: rgb(255, 255, 255); - float: right; - width: 40px; - height: 40px; - border-radius: 50%; - background: rgb(255, 94, 87); - display: flex; - justify-content: center; - align-items: center; - transition: 0.4s; -} -.top-bar .top-bar-contant .section-login .click-search-txt { - width: 200px; - padding: 0 6px; -} -@media screen and (min-width: 31.25em) and (max-width: 47.9375em) { - .top-bar .top-bar-contant .section-login .click-search-txt { - width: 190px; - } +.weprodev-header__search-box-input::placeholder { + color: #fff; } @media screen and (max-width: 40em) { - .top-bar .top-bar-contant .section-login .click-search-txt { - width: 8em; - } -} -@media screen and (max-width: 25em) { - .top-bar .top-bar-contant .section-login .click-search-txt { - width: 5em; + .weprodev-header__search-box-input { + width: 100%; + margin-left: 0.5em; } } -.top-bar .top-bar-contant .section-login .click-search-btn { - background: white; - color: rgb(0, 0, 0); -} -.top-bar .top-bar-contant .section-login .section-button button { - padding: 0.9em 2em; - border-radius: 4px; - border-width: 1px; +.weprodev-header__search-box-button { + transition: 300ms; cursor: pointer; -} -.top-bar .top-bar-contant .section-login .section-button button:hover { - background-color: rgba(255, 94, 87, 0.5); -} -.top-bar .top-bar-contant .section-login .section-button .button-login { - background-color: rgb(255, 255, 255); - color: rgb(255, 94, 87); - border-color: rgb(255, 94, 87); -} -@media screen and (min-width: 31.25em) and (max-width: 47.9375em) { - .top-bar .top-bar-contant .section-login .section-button .button-login { - padding: 0.9em 1em; - } + transition: 150ms; + padding: 0.75em; + border-radius: 9999px; + border: none; + color: #fff; + background-color: #ff5e57; } @media screen and (max-width: 40em) { - .top-bar .top-bar-contant .section-login .section-button .button-login { - padding: 0.9em 1em; - } -} -.top-bar .top-bar-contant .section-login .section-button .button-login a { - color: rgb(255, 94, 87); -} -.top-bar .top-bar-contant .section-login .section-button .button-login a:hover { - color: rgb(255, 255, 255); -} -.top-bar .top-bar-contant .section-login .section-button .button-freeTemplate { - background-color: rgb(255, 94, 87); - color: rgb(0, 0, 0); - border-color: rgb(255, 94, 87); -} -@media screen and (max-width: 62em) { - .top-bar .top-bar-contant .section-login .section-button .button-freeTemplate { - padding: 0.9em 0.7em; + .weprodev-header__search-box-button { + background-color: #fff; + color: #000; } } -@media screen and (min-width: 31.25em) and (max-width: 47.9375em) { - .top-bar .top-bar-contant .section-login .section-button .button-freeTemplate { - display: none; - } +.weprodev-header__search-box.active .weprodev-header__search-box-input { + width: 10rem; + margin-left: 0.5em; } @media screen and (max-width: 40em) { - .top-bar .top-bar-contant .section-login .section-button .button-freeTemplate { - display: none; + .weprodev-header__search-box.active .weprodev-header__search-box-input { + width: 100%; } } -.top-bar .top-bar-contant .section-login .section-button .button-freeTemplate a { - color: rgb(255, 255, 255); -} - -/*------------------------------------*\ - #TOP BAR -\*------------------------------------*/ -.nav-bar { - background-color: rgb(255, 255, 255); - width: 100vw; - height: 5.5em; - border-bottom: 1px solid rgb(236, 240, 241); - box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); - position: relative; - z-index: 5000; - transition: all 1s; +.weprodev-header__search-box.active .weprodev-header__search-box-button { + background-color: #fff; + color: #000; } -.nav-bar > ul { - display: flex; - justify-content: space-around; - margin: auto; - padding: 0em; - max-width: 30em; - height: 88%; - padding-top: 0.6em; -} -@media screen and (max-width: 64em) { - .nav-bar > ul { - display: none; - background-color: rgb(255, 255, 255); - max-width: 64em; - position: absolute; - top: 5.5em; - } - .nav-bar > ul .last-li-menu { - box-shadow: 0px 3px 6px #ecf0f1; +@media screen and (max-width: 40em) { + .weprodev-header__buttons-container { + margin-left: auto; } } -.nav-bar > ul li { - list-style: none; - position: relative; - transition: 0.5s; - box-sizing: border-box; - display: flex; - align-items: center; -} -@media screen and (max-width: 64em) { - .nav-bar > ul li { - display: block; - width: 100vw; - background-color: rgb(255, 255, 255); - } +.weprodev-header__login-button, .weprodev-header__free-template-button { + background: transparent; + color: #fff; + border-radius: 0.25em; + border: 0.1rem solid #ff5e57; + padding: 1em 1.5em; + font-size: 1em; + font-weight: 600; + transition: 150ms; + text-align: center; + cursor: pointer; } -.nav-bar > ul li .Circle { - opacity: 0; - visibility: hidden; - margin-right: 1em; +.weprodev-header__login-button:hover, .weprodev-header__free-template-button:hover { + background-color: none; } -.nav-bar > ul li .icon-circle-down { - display: none; +.weprodev-header__login-button:hover, .weprodev-header__free-template-button:hover { + opacity: 0.5; } -@media screen and (max-width: 64em) { - .nav-bar > ul li .icon-circle-down, - .nav-bar > ul li .icon-circle-up { - position: absolute; - top: 1.3em; - right: 2em; - font-size: 1.7em; - margin-top: 0em; - display: block; - color: rgb(89, 70, 140); - z-index: 200; - border-radius: 1em; - } - .nav-bar > ul li .icon-circle-up { - background-color: rgb(255, 94, 87); - color: rgb(255, 255, 255); - } +.weprodev-header__login-button { + color: #ff5e57; + background-color: #fff; } -.nav-bar > ul li:hover ul { - top: 3.5em; - left: -1em; - display: block; - box-shadow: 0px 0px 19px 2px #ecf0f1; +.weprodev-header__free-template-button { + color: #fff; + background-color: #ff5e57; } -@media screen and (max-width: 64em) { - .nav-bar > ul li:hover ul { +@media screen and (max-width: 75em) { + .weprodev-header__free-template-button { display: none; } } -.nav-bar > ul li:hover .l-one { - color: rgb(255, 94, 87); - background-color: transparent; - cursor: pointer; -} -.nav-bar > ul li:hover .l-one .circle { - opacity: 1; - visibility: visible; -} -.nav-bar > ul li a { - text-decoration: none; - color: rgb(89, 70, 140); - font-size: 1.1em; - font-weight: 500; +.weprodev-header__navbar { width: 100%; - display: block; - line-height: 5.5em; - padding: 0em 2em; -} -.nav-bar > ul li ul { - background-color: rgb(255, 255, 255); - position: absolute; - top: 5em; - display: none; - width: 10em; - transition: 0.6s; - margin-top: 0em; - height: auto; - padding: 0em; - border-radius: 0em 0em 0.5em 0.5em; - z-index: 1500; -} -@media screen and (max-width: 64em) { - .nav-bar > ul li ul { - width: 60em; - transition: 0.2s; - box-shadow: none; - position: static; - padding-left: 5vw; - } -} -.nav-bar > ul li ul li { - height: 3.5em; - width: 13em; - margin-top: 0; -} -@media screen and (max-width: 64em) { - .nav-bar > ul li ul li { - transition: 0.3s; - } -} -.nav-bar > ul li ul li:hover .l-two { - color: rgb(255, 94, 87); - background-color: transparent; - cursor: pointer; -} -.nav-bar > ul li ul li:hover .l-two .Circle { - opacity: 1; - visibility: visible; -} -.nav-bar > ul li ul li a { - line-height: 2em; - width: 100vw; - padding-left: 0.5em; -} -.nav-bar .search { - position: absolute; - right: 17%; - top: 3em; - height: 2.5em; - transition: all 0.5s; - cursor: pointer; - display: none; + padding-inline: 15rem; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + padding-block: 1.5em; + background-color: #fff; } @media screen and (max-width: 75em) { - .nav-bar .search { - right: 6%; + .weprodev-header__navbar { + padding-inline: 1.5rem; } } -.nav-bar .search:hover .icon-search { - color: rgb(255, 94, 87); -} -.nav-bar .search .icon-search { - font-size: 1.3em; - color: rgb(89, 70, 140); - transition: all 0.2s; - display: block; +.weprodev-header__menu { + font-size: 1.25em; + display: flex; + gap: 1em; } -@media screen and (max-width: 64em) { - .nav-bar .search { - display: none; +@media screen and (max-width: 40em) { + .weprodev-header__menu { + font-size: 1.125em; } } -.nav-bar .search-active { - width: 100vw; - height: 100%; - position: absolute; - top: -9em; - background-color: rgb(255, 255, 255); - border-radius: 0em 0em 0.5em 0.5em; - display: none; -} -.nav-bar .search-active .search-active-content { - height: 2em; - width: 70%; - margin-left: auto; - margin-right: auto; - margin-top: 2.5em; + +.hero { display: flex; - color: rgb(89, 70, 140); -} -.nav-bar .search-active .search-active-content .text-search { - width: 90%; - margin-top: 0.2em; - justify-content: center; - color: rgb(89, 70, 140); - font-size: 1.2em; - font-weight: 500; - border: none; - transition: all 0.4s; -} -.nav-bar .search-active .search-active-content .icon-search { - font-size: 1.3em; - justify-content: start; - padding: 0.25em; - padding-top: 0.6em; - border-radius: 0.1em; - transition: all 0.4s; - cursor: pointer; -} -.nav-bar .search-active .search-active-content .icon-search:hover { - color: rgb(255, 94, 87); + flex-direction: column; + gap: 4em; + padding-block: 4em; + text-align: center; } -.nav-bar .search-active .search-active-content .icon-searchh { - justify-content: end; - font-size: 1.3em; - padding: 0.25em; - padding-top: 0.7em; - border-radius: 0.1em; - transition: all 0.4s; - cursor: pointer; +.hero__text-section { + display: flex; + flex-direction: column; + align-items: center; + gap: 3.5em; } -.nav-bar .search-active .search-active-content .icon-searchh:hover { - color: rgb(255, 94, 87); +.hero__image { + border-radius: 0.5em; } -.nav-bar .section-responsive { - display: none; - position: absolute; - top: 1.2em; - right: 5em; - color: rgb(89, 70, 140); - font-size: 2em; - transition: all 0.5s; - opacity: 0; -} -.nav-bar .section-responsive:hover { - color: rgb(255, 94, 87); +.hero__features-container { + display: flex; + gap: 4em; + color: #fff; } @media screen and (max-width: 64em) { - .nav-bar .section-responsive { - opacity: 1; - display: inline; + .hero__features-container { + flex-direction: column; } } -@media screen and (min-width: 31.25em) and (max-width: 47.9375em) { - .nav-bar .section-responsive { - right: 3em; - } +.hero__feature { + display: flex; + flex-direction: column; + gap: 2em; + align-items: center; } -@media screen and (max-width: 40em) { - .nav-bar .section-responsive { - right: 2em; - } +.hero__feature-title { + font-size: 1.5em; +} +.hero__feature-text { + font-size: 1.125em; } /*# sourceMappingURL=style.css.map */ diff --git a/product-details/css/style.css.map b/product-details/css/style.css.map index e9aa6fe..8991d12 100644 --- a/product-details/css/style.css.map +++ b/product-details/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../../shared/scss/shared.scss","../../shared/scss/abstracts/_media-query.scss","../../shared/scss/abstracts/_variables.scss","../../shared/scss/base/_reset.scss","../../shared/scss/components/_button.scss","../../shared/scss/layout/_grid.scss","../scss/typography/_icomoon.scss","../scss/_variables.scss","../scss/layout/top-bar.scss","../scss/layout/nav-bar.scss"],"names":[],"mappings":"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E;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;APvdF;AAAA;AAAA;AQrBA;AAAA;AAAA;ACAA;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;APsEJ;EOpEI;IAGI;;;AAGF;EACE;;AAMF;EACE;EACA;EACA;;AP8BR;EOjCM;IAMI;IACA,ODpCW;ICqCX;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;APcV;EOpBQ;IASI;;;AAGF;EACE;EACA;EACA,OD1DO;;AN+DnB;EOAY;IACE;IACA;IACA;IACA;IACA;IACA;IACA,ODtEK;ICuEL;IACA;;;APEd;EOXY;IAYI;;;AAOJ;EACE;EACA;EACA;EACA;EACA,kBDzFP;EC0FO;;AAKF;EACE,OD9FK;EC+FL;EACA;;AAGF;EACE;EACA;EACA,ODtGK;;AC2GT;EACE;EACA,OD7GO;EC8GP;EACA;EACA;EACA;EACA;;APxCZ;EO2CY;IAEI;;;AAMN;EACE,kBDhIL;ECiIK;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;APzEZ;EO8DU;IAgBI;IACA;IACA;;;AAGF;EACE;EACA;;APrFd;EOmFY;IAKI;IACA;;;AAIA;EACE,OD7JC;EC8JD;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;;AAyBd;EAEE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,YD9Ma;EC+Mb;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE,ODrOC;ECsOD;EACA;EACA;EACA;EACA,YDxOa;ECyOb;EACA;EACA;EACA;;AAMF;EACE;EACA;;AP/JN;EO6JI;IAKI;;;APvJR;EOkJI;IASI;;;APhJR;EOuII;IAaI;;;AAKJ;EACE;EACA,ODzQC;;AC+QD;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE,kBD1RD;EC2RC,ODzRW;EC0RX,cD1RW;;ANqFnB;EOkMM;IAMI;;;AP7LV;EOuLM;IAUI;;;AAGF;EACE,ODrSS;;ACuST;EACE,OD1SL;;AC+SD;EACE,kBD9SW;EC+SX,ODlTD;ECmTC,cDhTW;;AN0EnB;EOmOM;IAMI;;;AP9NV;EOwNM;IAUI;;;APvNV;EO6MM;IAcI;;;AAGF;EACE,ODjUH;;;AELT;AAAA;AAAA;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;ARiDN;EQxDE;IAUQ;IACA,kBFpBH;IEqBG;IACA;IACA;;EAEA;IACI;;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;;AR4BV;EQlCM;IASQ;IACA;IACA,kBF1CP;;;AE6CG;EACI;EACA;EACA;;AAGJ;EACI;;ARad;EQRc;AAAA;IAEI;IACA;IACA;IACA;IACA;IACA;IACA,OF9DG;IE+DH;IACA;;EAGJ;IACI,kBFrEC;IEsED,OFxEX;;;AE6EO;EACI;EACA;EACA;EACA;;ARhBlB;EQYc;IAOQ;;;AAKR;EACI,OFxFC;EEyFD;EACA;;AAEA;EACI;EACA;;AAKZ;EACI;EACA,OFpGO;EEqGP;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI,kBFjHP;EEkHO;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AR1Dd;EQ+CU;IAcQ;IACA;IACA;IACA;IACA;;;AAGJ;EACI;EACA;EACA;;ARvElB;EQoEc;IAMQ;;;AAIA;EACI,OF9IP;EE+IO;EACA;;AAEA;EACI;EACA;;AAKZ;EACI;EACA;EACA;;AAgBpB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AR/HN;EQwHE;IAUQ;;;AAIA;EACI,OF3LK;;AE+Lb;EACI;EACA,OFhMW;EEiMX;EACA;;ARpIV;EQ6GE;IA2BQ;;;AAKR;EACI;EACA;EACA;EACA;EACA,kBFnNC;EEoND;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OF3NW;;AE6NX;EACI;EACA;EACA;EACA,OFjOO;EEkOP;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,OFnPC;;AEuPT;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,OFjQC;;AE0QjB;EACI;EACA;EACA;EACA;EACA,OF9Qe;EE+Qf;EACA;EACA;;AAEA;EACI,OFrRS;;AN+DnB;EQ2ME;IAeQ;IACA;;;ARrMV;EQqLE;IAoBQ;;;AR9LV;EQ0KE;IAwBQ","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../../shared/scss/abstracts/_media-query.scss","../scss/typography/_typography.scss","../../shared/scss/abstracts/_variables.scss","../scss/_variables.scss","../../shared/scss/base/_reset.scss","../../shared/scss/base/_animation.scss","../scss/_base.scss","../scss/typography/_icomoon.scss","../../shared/scss/components/_button.scss","../scss/components/_cta.scss","../../weprodev-header/scss/main.scss","../../weprodev-header/scss/_variables.scss","../../weprodev-header/scss/typography/_icomoon.scss","../../shared/scss/components/_dropdown.scss","../../weprodev-header/scss/layout/_weprodev-header.scss","../scss/layout/_hero.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOC;AAAA;AAAA;AAAA;ACPO;ADYP;EACC;;;AAGF;AAAA;AAAA;AAIC;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AE5GD;AAAA;AAAA;AAwBA;AAAA;AAAA;AAeA;AAAA;AAAA;AASA;AAAA;AAAA;AAeA;AAAA;AAAA;AAMA;AAAA;AAAA;ACrEA;AAAA;AAAA;AAIA;EACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AAoBF;AAAA;AAAA;AAQA;AAAA;AAAA;AAMA;AAAA;AAAA;AAMA;AAAA;AAAA;AJtCA;AAAA;AAAA;AKPA;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;EACE;EACA;;;AC/BF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;ACxBJ;EACI;EACF;;ANyDA;EM3DF;IAII;;;;AAIJ;EACE;;;AAGF;EACE,OHEO;EGDP;;AACA;EACE,OHEiB;;;AGErB;EACE;EACA;EACA;EACA;;;APRF;AAAA;AAAA;AQhBA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EAIA;EACA;;AAGF;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;A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","file":"style.css"} \ No newline at end of file diff --git a/product-details/images/favicon.png b/product-details/images/favicon.png new file mode 100644 index 0000000..a6b06fe Binary files /dev/null and b/product-details/images/favicon.png differ diff --git a/product-details/images/home-office.jpg b/product-details/images/home-office.jpg new file mode 100644 index 0000000..c6c36bb Binary files /dev/null and b/product-details/images/home-office.jpg differ diff --git a/product-details/images/img-started.jpg b/product-details/images/img-started.jpg new file mode 100644 index 0000000..c6c36bb Binary files /dev/null and b/product-details/images/img-started.jpg differ diff --git a/product-details/img/logo.png b/product-details/images/weprodev-logo.png similarity index 100% rename from product-details/img/logo.png rename to product-details/images/weprodev-logo.png diff --git a/product-details/index.html b/product-details/index.html index 82ee15c..b0ada1c 100644 --- a/product-details/index.html +++ b/product-details/index.html @@ -4,131 +4,115 @@ Product Details - - - - - - - - - - - - - - - - - - - - - - - + + -
-
-
-
- -
- -
- +
+
+ +
+
+ + Language +
- - + + +
+
+ + +
+
+ +
-
- -
-
- -
- -
- -
- + - - - - - - diff --git a/product-details/js/jquery.min.js b/product-details/js/jquery.min.js deleted file mode 100644 index 4d9b3a2..0000000 --- a/product-details/js/jquery.min.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! jQuery v3.3.1 | (c) JS Foundation and other contributors | jquery.org/license */ -!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){"use strict";var n=[],r=e.document,i=Object.getPrototypeOf,o=n.slice,a=n.concat,s=n.push,u=n.indexOf,l={},c=l.toString,f=l.hasOwnProperty,p=f.toString,d=p.call(Object),h={},g=function e(t){return"function"==typeof t&&"number"!=typeof t.nodeType},y=function e(t){return null!=t&&t===t.window},v={type:!0,src:!0,noModule:!0};function m(e,t,n){var i,o=(t=t||r).createElement("script");if(o.text=e,n)for(i in v)n[i]&&(o[i]=n[i]);t.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[c.call(e)]||"object":typeof e}var b="3.3.1",w=function(e,t){return new w.fn.init(e,t)},T=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;w.fn=w.prototype={jquery:"3.3.1",constructor:w,length:0,toArray:function(){return o.call(this)},get:function(e){return null==e?o.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=w.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return w.each(this,e)},map:function(e){return this.pushStack(w.map(this,function(t,n){return e.call(t,n,t)}))},slice:function(){return this.pushStack(o.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(n>=0&&n0&&t-1 in e)}var E=function(e){var t,n,r,i,o,a,s,u,l,c,f,p,d,h,g,y,v,m,x,b="sizzle"+1*new Date,w=e.document,T=0,C=0,E=ae(),k=ae(),S=ae(),D=function(e,t){return e===t&&(f=!0),0},N={}.hasOwnProperty,A=[],j=A.pop,q=A.push,L=A.push,H=A.slice,O=function(e,t){for(var n=0,r=e.length;n+~]|"+M+")"+M+"*"),z=new RegExp("="+M+"*([^\\]'\"]*?)"+M+"*\\]","g"),X=new RegExp(W),U=new RegExp("^"+R+"$"),V={ID:new RegExp("^#("+R+")"),CLASS:new RegExp("^\\.("+R+")"),TAG:new RegExp("^("+R+"|[*])"),ATTR:new RegExp("^"+I),PSEUDO:new RegExp("^"+W),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+P+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},G=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Q=/^[^{]+\{\s*\[native \w/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,K=/[+~]/,Z=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),ee=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},te=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ne=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},re=function(){p()},ie=me(function(e){return!0===e.disabled&&("form"in e||"label"in e)},{dir:"parentNode",next:"legend"});try{L.apply(A=H.call(w.childNodes),w.childNodes),A[w.childNodes.length].nodeType}catch(e){L={apply:A.length?function(e,t){q.apply(e,H.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function oe(e,t,r,i){var o,s,l,c,f,h,v,m=t&&t.ownerDocument,T=t?t.nodeType:9;if(r=r||[],"string"!=typeof e||!e||1!==T&&9!==T&&11!==T)return r;if(!i&&((t?t.ownerDocument||t:w)!==d&&p(t),t=t||d,g)){if(11!==T&&(f=J.exec(e)))if(o=f[1]){if(9===T){if(!(l=t.getElementById(o)))return r;if(l.id===o)return r.push(l),r}else if(m&&(l=m.getElementById(o))&&x(t,l)&&l.id===o)return r.push(l),r}else{if(f[2])return L.apply(r,t.getElementsByTagName(e)),r;if((o=f[3])&&n.getElementsByClassName&&t.getElementsByClassName)return L.apply(r,t.getElementsByClassName(o)),r}if(n.qsa&&!S[e+" "]&&(!y||!y.test(e))){if(1!==T)m=t,v=e;else if("object"!==t.nodeName.toLowerCase()){(c=t.getAttribute("id"))?c=c.replace(te,ne):t.setAttribute("id",c=b),s=(h=a(e)).length;while(s--)h[s]="#"+c+" "+ve(h[s]);v=h.join(","),m=K.test(e)&&ge(t.parentNode)||t}if(v)try{return L.apply(r,m.querySelectorAll(v)),r}catch(e){}finally{c===b&&t.removeAttribute("id")}}}return u(e.replace(B,"$1"),t,r,i)}function ae(){var e=[];function t(n,i){return e.push(n+" ")>r.cacheLength&&delete t[e.shift()],t[n+" "]=i}return t}function se(e){return e[b]=!0,e}function ue(e){var t=d.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function le(e,t){var n=e.split("|"),i=n.length;while(i--)r.attrHandle[n[i]]=t}function ce(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function fe(e){return function(t){return"input"===t.nodeName.toLowerCase()&&t.type===e}}function pe(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function de(e){return function(t){return"form"in t?t.parentNode&&!1===t.disabled?"label"in t?"label"in t.parentNode?t.parentNode.disabled===e:t.disabled===e:t.isDisabled===e||t.isDisabled!==!e&&ie(t)===e:t.disabled===e:"label"in t&&t.disabled===e}}function he(e){return se(function(t){return t=+t,se(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}function ge(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}n=oe.support={},o=oe.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return!!t&&"HTML"!==t.nodeName},p=oe.setDocument=function(e){var t,i,a=e?e.ownerDocument||e:w;return a!==d&&9===a.nodeType&&a.documentElement?(d=a,h=d.documentElement,g=!o(d),w!==d&&(i=d.defaultView)&&i.top!==i&&(i.addEventListener?i.addEventListener("unload",re,!1):i.attachEvent&&i.attachEvent("onunload",re)),n.attributes=ue(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ue(function(e){return e.appendChild(d.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=Q.test(d.getElementsByClassName),n.getById=ue(function(e){return h.appendChild(e).id=b,!d.getElementsByName||!d.getElementsByName(b).length}),n.getById?(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){return e.getAttribute("id")===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n=t.getElementById(e);return n?[n]:[]}}):(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){var n="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return n&&n.value===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),r.find.TAG=n.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):n.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},r.find.CLASS=n.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&g)return t.getElementsByClassName(e)},v=[],y=[],(n.qsa=Q.test(d.querySelectorAll))&&(ue(function(e){h.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&y.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||y.push("\\["+M+"*(?:value|"+P+")"),e.querySelectorAll("[id~="+b+"-]").length||y.push("~="),e.querySelectorAll(":checked").length||y.push(":checked"),e.querySelectorAll("a#"+b+"+*").length||y.push(".#.+[+~]")}),ue(function(e){e.innerHTML="";var t=d.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&y.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&y.push(":enabled",":disabled"),h.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&y.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),y.push(",.*:")})),(n.matchesSelector=Q.test(m=h.matches||h.webkitMatchesSelector||h.mozMatchesSelector||h.oMatchesSelector||h.msMatchesSelector))&&ue(function(e){n.disconnectedMatch=m.call(e,"*"),m.call(e,"[s!='']:x"),v.push("!=",W)}),y=y.length&&new RegExp(y.join("|")),v=v.length&&new RegExp(v.join("|")),t=Q.test(h.compareDocumentPosition),x=t||Q.test(h.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return f=!0,0;var r=!e.compareDocumentPosition-!t.compareDocumentPosition;return r||(1&(r=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!n.sortDetached&&t.compareDocumentPosition(e)===r?e===d||e.ownerDocument===w&&x(w,e)?-1:t===d||t.ownerDocument===w&&x(w,t)?1:c?O(c,e)-O(c,t):0:4&r?-1:1)}:function(e,t){if(e===t)return f=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e===d?-1:t===d?1:i?-1:o?1:c?O(c,e)-O(c,t):0;if(i===o)return ce(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?ce(a[r],s[r]):a[r]===w?-1:s[r]===w?1:0},d):d},oe.matches=function(e,t){return oe(e,null,null,t)},oe.matchesSelector=function(e,t){if((e.ownerDocument||e)!==d&&p(e),t=t.replace(z,"='$1']"),n.matchesSelector&&g&&!S[t+" "]&&(!v||!v.test(t))&&(!y||!y.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(e){}return oe(t,d,null,[e]).length>0},oe.contains=function(e,t){return(e.ownerDocument||e)!==d&&p(e),x(e,t)},oe.attr=function(e,t){(e.ownerDocument||e)!==d&&p(e);var i=r.attrHandle[t.toLowerCase()],o=i&&N.call(r.attrHandle,t.toLowerCase())?i(e,t,!g):void 0;return void 0!==o?o:n.attributes||!g?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null},oe.escape=function(e){return(e+"").replace(te,ne)},oe.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},oe.uniqueSort=function(e){var t,r=[],i=0,o=0;if(f=!n.detectDuplicates,c=!n.sortStable&&e.slice(0),e.sort(D),f){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return c=null,e},i=oe.getText=function(e){var t,n="",r=0,o=e.nodeType;if(o){if(1===o||9===o||11===o){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=i(e)}else if(3===o||4===o)return e.nodeValue}else while(t=e[r++])n+=i(t);return n},(r=oe.selectors={cacheLength:50,createPseudo:se,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(Z,ee),e[3]=(e[3]||e[4]||e[5]||"").replace(Z,ee),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||oe.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&oe.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return V.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=a(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(Z,ee).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=E[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&E(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=oe.attr(r,e);return null==i?"!="===t:!t||(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i.replace($," ")+" ").indexOf(n)>-1:"|="===t&&(i===n||i.slice(0,n.length+1)===n+"-"))}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,f,p,d,h,g=o!==a?"nextSibling":"previousSibling",y=t.parentNode,v=s&&t.nodeName.toLowerCase(),m=!u&&!s,x=!1;if(y){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===v:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?y.firstChild:y.lastChild],a&&m){x=(d=(l=(c=(f=(p=y)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1])&&l[2],p=d&&y.childNodes[d];while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if(1===p.nodeType&&++x&&p===t){c[e]=[T,d,x];break}}else if(m&&(x=d=(l=(c=(f=(p=t)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1]),!1===x)while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===v:1===p.nodeType)&&++x&&(m&&((c=(f=p[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]=[T,x]),p===t))break;return(x-=i)===r||x%r==0&&x/r>=0}}},PSEUDO:function(e,t){var n,i=r.pseudos[e]||r.setFilters[e.toLowerCase()]||oe.error("unsupported pseudo: "+e);return i[b]?i(t):i.length>1?(n=[e,e,"",t],r.setFilters.hasOwnProperty(e.toLowerCase())?se(function(e,n){var r,o=i(e,t),a=o.length;while(a--)e[r=O(e,o[a])]=!(n[r]=o[a])}):function(e){return i(e,0,n)}):i}},pseudos:{not:se(function(e){var t=[],n=[],r=s(e.replace(B,"$1"));return r[b]?se(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),t[0]=null,!n.pop()}}),has:se(function(e){return function(t){return oe(e,t).length>0}}),contains:se(function(e){return e=e.replace(Z,ee),function(t){return(t.textContent||t.innerText||i(t)).indexOf(e)>-1}}),lang:se(function(e){return U.test(e||"")||oe.error("unsupported lang: "+e),e=e.replace(Z,ee).toLowerCase(),function(t){var n;do{if(n=g?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return(n=n.toLowerCase())===e||0===n.indexOf(e+"-")}while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===h},focus:function(e){return e===d.activeElement&&(!d.hasFocus||d.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:de(!1),disabled:de(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!r.pseudos.empty(e)},header:function(e){return Y.test(e.nodeName)},input:function(e){return G.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:he(function(){return[0]}),last:he(function(e,t){return[t-1]}),eq:he(function(e,t,n){return[n<0?n+t:n]}),even:he(function(e,t){for(var n=0;n=0;)e.push(r);return e}),gt:he(function(e,t,n){for(var r=n<0?n+t:n;++r1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function be(e,t,n){for(var r=0,i=t.length;r-1&&(o[l]=!(a[l]=f))}}else v=we(v===a?v.splice(h,v.length):v),i?i(null,a,v,u):L.apply(a,v)})}function Ce(e){for(var t,n,i,o=e.length,a=r.relative[e[0].type],s=a||r.relative[" "],u=a?1:0,c=me(function(e){return e===t},s,!0),f=me(function(e){return O(t,e)>-1},s,!0),p=[function(e,n,r){var i=!a&&(r||n!==l)||((t=n).nodeType?c(e,n,r):f(e,n,r));return t=null,i}];u1&&xe(p),u>1&&ve(e.slice(0,u-1).concat({value:" "===e[u-2].type?"*":""})).replace(B,"$1"),n,u0,i=e.length>0,o=function(o,a,s,u,c){var f,h,y,v=0,m="0",x=o&&[],b=[],w=l,C=o||i&&r.find.TAG("*",c),E=T+=null==w?1:Math.random()||.1,k=C.length;for(c&&(l=a===d||a||c);m!==k&&null!=(f=C[m]);m++){if(i&&f){h=0,a||f.ownerDocument===d||(p(f),s=!g);while(y=e[h++])if(y(f,a||d,s)){u.push(f);break}c&&(T=E)}n&&((f=!y&&f)&&v--,o&&x.push(f))}if(v+=m,n&&m!==v){h=0;while(y=t[h++])y(x,b,a,s);if(o){if(v>0)while(m--)x[m]||b[m]||(b[m]=j.call(u));b=we(b)}L.apply(u,b),c&&!o&&b.length>0&&v+t.length>1&&oe.uniqueSort(u)}return c&&(T=E,l=w),x};return n?se(o):o}return s=oe.compile=function(e,t){var n,r=[],i=[],o=S[e+" "];if(!o){t||(t=a(e)),n=t.length;while(n--)(o=Ce(t[n]))[b]?r.push(o):i.push(o);(o=S(e,Ee(i,r))).selector=e}return o},u=oe.select=function(e,t,n,i){var o,u,l,c,f,p="function"==typeof e&&e,d=!i&&a(e=p.selector||e);if(n=n||[],1===d.length){if((u=d[0]=d[0].slice(0)).length>2&&"ID"===(l=u[0]).type&&9===t.nodeType&&g&&r.relative[u[1].type]){if(!(t=(r.find.ID(l.matches[0].replace(Z,ee),t)||[])[0]))return n;p&&(t=t.parentNode),e=e.slice(u.shift().value.length)}o=V.needsContext.test(e)?0:u.length;while(o--){if(l=u[o],r.relative[c=l.type])break;if((f=r.find[c])&&(i=f(l.matches[0].replace(Z,ee),K.test(u[0].type)&&ge(t.parentNode)||t))){if(u.splice(o,1),!(e=i.length&&ve(u)))return L.apply(n,i),n;break}}}return(p||s(e,d))(i,t,!g,n,!t||K.test(e)&&ge(t.parentNode)||t),n},n.sortStable=b.split("").sort(D).join("")===b,n.detectDuplicates=!!f,p(),n.sortDetached=ue(function(e){return 1&e.compareDocumentPosition(d.createElement("fieldset"))}),ue(function(e){return e.innerHTML="","#"===e.firstChild.getAttribute("href")})||le("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ue(function(e){return e.innerHTML="",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||le("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ue(function(e){return null==e.getAttribute("disabled")})||le(P,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),oe}(e);w.find=E,w.expr=E.selectors,w.expr[":"]=w.expr.pseudos,w.uniqueSort=w.unique=E.uniqueSort,w.text=E.getText,w.isXMLDoc=E.isXML,w.contains=E.contains,w.escapeSelector=E.escape;var k=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&w(e).is(n))break;r.push(e)}return r},S=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},D=w.expr.match.needsContext;function N(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var A=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,t,n){return g(t)?w.grep(e,function(e,r){return!!t.call(e,r,e)!==n}):t.nodeType?w.grep(e,function(e){return e===t!==n}):"string"!=typeof t?w.grep(e,function(e){return u.call(t,e)>-1!==n}):w.filter(t,e,n)}w.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?w.find.matchesSelector(r,e)?[r]:[]:w.find.matches(e,w.grep(t,function(e){return 1===e.nodeType}))},w.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(w(e).filter(function(){for(t=0;t1?w.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&D.test(e)?w(e):e||[],!1).length}});var q,L=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(w.fn.init=function(e,t,n){var i,o;if(!e)return this;if(n=n||q,"string"==typeof e){if(!(i="<"===e[0]&&">"===e[e.length-1]&&e.length>=3?[null,e,null]:L.exec(e))||!i[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(i[1]){if(t=t instanceof w?t[0]:t,w.merge(this,w.parseHTML(i[1],t&&t.nodeType?t.ownerDocument||t:r,!0)),A.test(i[1])&&w.isPlainObject(t))for(i in t)g(this[i])?this[i](t[i]):this.attr(i,t[i]);return this}return(o=r.getElementById(i[2]))&&(this[0]=o,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):g(e)?void 0!==n.ready?n.ready(e):e(w):w.makeArray(e,this)}).prototype=w.fn,q=w(r);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};w.fn.extend({has:function(e){var t=w(e,this),n=t.length;return this.filter(function(){for(var e=0;e-1:1===n.nodeType&&w.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(o.length>1?w.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?u.call(w(e),this[0]):u.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(w.uniqueSort(w.merge(this.get(),w(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}w.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return k(e,"parentNode")},parentsUntil:function(e,t,n){return k(e,"parentNode",n)},next:function(e){return P(e,"nextSibling")},prev:function(e){return P(e,"previousSibling")},nextAll:function(e){return k(e,"nextSibling")},prevAll:function(e){return k(e,"previousSibling")},nextUntil:function(e,t,n){return k(e,"nextSibling",n)},prevUntil:function(e,t,n){return k(e,"previousSibling",n)},siblings:function(e){return S((e.parentNode||{}).firstChild,e)},children:function(e){return S(e.firstChild)},contents:function(e){return N(e,"iframe")?e.contentDocument:(N(e,"template")&&(e=e.content||e),w.merge([],e.childNodes))}},function(e,t){w.fn[e]=function(n,r){var i=w.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=w.filter(r,i)),this.length>1&&(O[e]||w.uniqueSort(i),H.test(e)&&i.reverse()),this.pushStack(i)}});var M=/[^\x20\t\r\n\f]+/g;function R(e){var t={};return w.each(e.match(M)||[],function(e,n){t[n]=!0}),t}w.Callbacks=function(e){e="string"==typeof e?R(e):w.extend({},e);var t,n,r,i,o=[],a=[],s=-1,u=function(){for(i=i||e.once,r=t=!0;a.length;s=-1){n=a.shift();while(++s-1)o.splice(n,1),n<=s&&s--}),this},has:function(e){return e?w.inArray(e,o)>-1:o.length>0},empty:function(){return o&&(o=[]),this},disable:function(){return i=a=[],o=n="",this},disabled:function(){return!o},lock:function(){return i=a=[],n||t||(o=n=""),this},locked:function(){return!!i},fireWith:function(e,n){return i||(n=[e,(n=n||[]).slice?n.slice():n],a.push(n),t||u()),this},fire:function(){return l.fireWith(this,arguments),this},fired:function(){return!!r}};return l};function I(e){return e}function W(e){throw e}function $(e,t,n,r){var i;try{e&&g(i=e.promise)?i.call(e).done(t).fail(n):e&&g(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}w.extend({Deferred:function(t){var n=[["notify","progress",w.Callbacks("memory"),w.Callbacks("memory"),2],["resolve","done",w.Callbacks("once memory"),w.Callbacks("once memory"),0,"resolved"],["reject","fail",w.Callbacks("once memory"),w.Callbacks("once memory"),1,"rejected"]],r="pending",i={state:function(){return r},always:function(){return o.done(arguments).fail(arguments),this},"catch":function(e){return i.then(null,e)},pipe:function(){var e=arguments;return w.Deferred(function(t){w.each(n,function(n,r){var i=g(e[r[4]])&&e[r[4]];o[r[1]](function(){var e=i&&i.apply(this,arguments);e&&g(e.promise)?e.promise().progress(t.notify).done(t.resolve).fail(t.reject):t[r[0]+"With"](this,i?[e]:arguments)})}),e=null}).promise()},then:function(t,r,i){var o=0;function a(t,n,r,i){return function(){var s=this,u=arguments,l=function(){var e,l;if(!(t=o&&(r!==W&&(s=void 0,u=[e]),n.rejectWith(s,u))}};t?c():(w.Deferred.getStackHook&&(c.stackTrace=w.Deferred.getStackHook()),e.setTimeout(c))}}return w.Deferred(function(e){n[0][3].add(a(0,e,g(i)?i:I,e.notifyWith)),n[1][3].add(a(0,e,g(t)?t:I)),n[2][3].add(a(0,e,g(r)?r:W))}).promise()},promise:function(e){return null!=e?w.extend(e,i):i}},o={};return w.each(n,function(e,t){var a=t[2],s=t[5];i[t[1]]=a.add,s&&a.add(function(){r=s},n[3-e][2].disable,n[3-e][3].disable,n[0][2].lock,n[0][3].lock),a.add(t[3].fire),o[t[0]]=function(){return o[t[0]+"With"](this===o?void 0:this,arguments),this},o[t[0]+"With"]=a.fireWith}),i.promise(o),t&&t.call(o,o),o},when:function(e){var t=arguments.length,n=t,r=Array(n),i=o.call(arguments),a=w.Deferred(),s=function(e){return function(n){r[e]=this,i[e]=arguments.length>1?o.call(arguments):n,--t||a.resolveWith(r,i)}};if(t<=1&&($(e,a.done(s(n)).resolve,a.reject,!t),"pending"===a.state()||g(i[n]&&i[n].then)))return a.then();while(n--)$(i[n],s(n),a.reject);return a.promise()}});var B=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;w.Deferred.exceptionHook=function(t,n){e.console&&e.console.warn&&t&&B.test(t.name)&&e.console.warn("jQuery.Deferred exception: "+t.message,t.stack,n)},w.readyException=function(t){e.setTimeout(function(){throw t})};var F=w.Deferred();w.fn.ready=function(e){return F.then(e)["catch"](function(e){w.readyException(e)}),this},w.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--w.readyWait:w.isReady)||(w.isReady=!0,!0!==e&&--w.readyWait>0||F.resolveWith(r,[w]))}}),w.ready.then=F.then;function _(){r.removeEventListener("DOMContentLoaded",_),e.removeEventListener("load",_),w.ready()}"complete"===r.readyState||"loading"!==r.readyState&&!r.documentElement.doScroll?e.setTimeout(w.ready):(r.addEventListener("DOMContentLoaded",_),e.addEventListener("load",_));var z=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===x(n)){i=!0;for(s in n)z(e,t,s,n[s],!0,o,a)}else if(void 0!==r&&(i=!0,g(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(w(e),n)})),t))for(;s1,null,!0)},removeData:function(e){return this.each(function(){K.remove(this,e)})}}),w.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=J.get(e,t),n&&(!r||Array.isArray(n)?r=J.access(e,t,w.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=w.queue(e,t),r=n.length,i=n.shift(),o=w._queueHooks(e,t),a=function(){w.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return J.get(e,n)||J.access(e,n,{empty:w.Callbacks("once memory").add(function(){J.remove(e,[t+"queue",n])})})}}),w.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),arguments.length\x20\t\r\n\f]+)/i,he=/^$|^module$|\/(?:java|ecma)script/i,ge={option:[1,""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};ge.optgroup=ge.option,ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td;function ye(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&N(e,t)?w.merge([e],n):n}function ve(e,t){for(var n=0,r=e.length;n-1)i&&i.push(o);else if(l=w.contains(o.ownerDocument,o),a=ye(f.appendChild(o),"script"),l&&ve(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}!function(){var e=r.createDocumentFragment().appendChild(r.createElement("div")),t=r.createElement("input");t.setAttribute("type","radio"),t.setAttribute("checked","checked"),t.setAttribute("name","t"),e.appendChild(t),h.checkClone=e.cloneNode(!0).cloneNode(!0).lastChild.checked,e.innerHTML="",h.noCloneChecked=!!e.cloneNode(!0).lastChild.defaultValue}();var be=r.documentElement,we=/^key/,Te=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ce=/^([^.]*)(?:\.(.+)|)/;function Ee(){return!0}function ke(){return!1}function Se(){try{return r.activeElement}catch(e){}}function De(e,t,n,r,i,o){var a,s;if("object"==typeof t){"string"!=typeof n&&(r=r||n,n=void 0);for(s in t)De(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=ke;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return w().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=w.guid++)),e.each(function(){w.event.add(this,t,i,r,n)})}w.event={global:{},add:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.get(e);if(y){n.handler&&(n=(o=n).handler,i=o.selector),i&&w.find.matchesSelector(be,i),n.guid||(n.guid=w.guid++),(u=y.events)||(u=y.events={}),(a=y.handle)||(a=y.handle=function(t){return"undefined"!=typeof w&&w.event.triggered!==t.type?w.event.dispatch.apply(e,arguments):void 0}),l=(t=(t||"").match(M)||[""]).length;while(l--)d=g=(s=Ce.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=w.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=w.event.special[d]||{},c=w.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&w.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(e,r,h,a)||e.addEventListener&&e.addEventListener(d,a)),f.add&&(f.add.call(e,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),w.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.hasData(e)&&J.get(e);if(y&&(u=y.events)){l=(t=(t||"").match(M)||[""]).length;while(l--)if(s=Ce.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){f=w.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,y.handle)||w.removeEvent(e,d,y.handle),delete u[d])}else for(d in u)w.event.remove(e,d+t[l],n,r,!0);w.isEmptyObject(u)&&J.remove(e,"handle events")}},dispatch:function(e){var t=w.event.fix(e),n,r,i,o,a,s,u=new Array(arguments.length),l=(J.get(this,"events")||{})[t.type]||[],c=w.event.special[t.type]||{};for(u[0]=t,n=1;n=1))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n-1:w.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u\x20\t\r\n\f]*)[^>]*)\/>/gi,Ae=/\s*$/g;function Le(e,t){return N(e,"table")&&N(11!==t.nodeType?t:t.firstChild,"tr")?w(e).children("tbody")[0]||e:e}function He(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function Oe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Pe(e,t){var n,r,i,o,a,s,u,l;if(1===t.nodeType){if(J.hasData(e)&&(o=J.access(e),a=J.set(t,o),l=o.events)){delete a.handle,a.events={};for(i in l)for(n=0,r=l[i].length;n1&&"string"==typeof y&&!h.checkClone&&je.test(y))return e.each(function(i){var o=e.eq(i);v&&(t[0]=y.call(this,i,o.html())),Re(o,t,n,r)});if(p&&(i=xe(t,e[0].ownerDocument,!1,e,r),o=i.firstChild,1===i.childNodes.length&&(i=o),o||r)){for(u=(s=w.map(ye(i,"script"),He)).length;f")},clone:function(e,t,n){var r,i,o,a,s=e.cloneNode(!0),u=w.contains(e.ownerDocument,e);if(!(h.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||w.isXMLDoc(e)))for(a=ye(s),r=0,i=(o=ye(e)).length;r0&&ve(a,!u&&ye(e,"script")),s},cleanData:function(e){for(var t,n,r,i=w.event.special,o=0;void 0!==(n=e[o]);o++)if(Y(n)){if(t=n[J.expando]){if(t.events)for(r in t.events)i[r]?w.event.remove(n,r):w.removeEvent(n,r,t.handle);n[J.expando]=void 0}n[K.expando]&&(n[K.expando]=void 0)}}}),w.fn.extend({detach:function(e){return Ie(this,e,!0)},remove:function(e){return Ie(this,e)},text:function(e){return z(this,function(e){return void 0===e?w.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return Re(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||Le(this,e).appendChild(e)})},prepend:function(){return Re(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Le(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return Re(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return Re(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(w.cleanData(ye(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return w.clone(this,e,t)})},html:function(e){return z(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!Ae.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=w.htmlPrefilter(e);try{for(;n=0&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))),u}function et(e,t,n){var r=$e(e),i=Fe(e,t,r),o="border-box"===w.css(e,"boxSizing",!1,r),a=o;if(We.test(i)){if(!n)return i;i="auto"}return a=a&&(h.boxSizingReliable()||i===e.style[t]),("auto"===i||!parseFloat(i)&&"inline"===w.css(e,"display",!1,r))&&(i=e["offset"+t[0].toUpperCase()+t.slice(1)],a=!0),(i=parseFloat(i)||0)+Ze(e,t,n||(o?"border":"content"),a,r,i)+"px"}w.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Fe(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=G(t),u=Xe.test(t),l=e.style;if(u||(t=Je(s)),a=w.cssHooks[t]||w.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"==(o=typeof n)&&(i=ie.exec(n))&&i[1]&&(n=ue(e,t,i),o="number"),null!=n&&n===n&&("number"===o&&(n+=i&&i[3]||(w.cssNumber[s]?"":"px")),h.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=G(t);return Xe.test(t)||(t=Je(s)),(a=w.cssHooks[t]||w.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=Fe(e,t,r)),"normal"===i&&t in Ve&&(i=Ve[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),w.each(["height","width"],function(e,t){w.cssHooks[t]={get:function(e,n,r){if(n)return!ze.test(w.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?et(e,t,r):se(e,Ue,function(){return et(e,t,r)})},set:function(e,n,r){var i,o=$e(e),a="border-box"===w.css(e,"boxSizing",!1,o),s=r&&Ze(e,t,r,a,o);return a&&h.scrollboxSize()===o.position&&(s-=Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-parseFloat(o[t])-Ze(e,t,"border",!1,o)-.5)),s&&(i=ie.exec(n))&&"px"!==(i[3]||"px")&&(e.style[t]=n,n=w.css(e,t)),Ke(e,n,s)}}}),w.cssHooks.marginLeft=_e(h.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Fe(e,"marginLeft"))||e.getBoundingClientRect().left-se(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),w.each({margin:"",padding:"",border:"Width"},function(e,t){w.cssHooks[e+t]={expand:function(n){for(var r=0,i={},o="string"==typeof n?n.split(" "):[n];r<4;r++)i[e+oe[r]+t]=o[r]||o[r-2]||o[0];return i}},"margin"!==e&&(w.cssHooks[e+t].set=Ke)}),w.fn.extend({css:function(e,t){return z(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=$e(e),i=t.length;a1)}});function tt(e,t,n,r,i){return new tt.prototype.init(e,t,n,r,i)}w.Tween=tt,tt.prototype={constructor:tt,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||w.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(w.cssNumber[n]?"":"px")},cur:function(){var e=tt.propHooks[this.prop];return e&&e.get?e.get(this):tt.propHooks._default.get(this)},run:function(e){var t,n=tt.propHooks[this.prop];return this.options.duration?this.pos=t=w.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):tt.propHooks._default.set(this),this}},tt.prototype.init.prototype=tt.prototype,tt.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=w.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){w.fx.step[e.prop]?w.fx.step[e.prop](e):1!==e.elem.nodeType||null==e.elem.style[w.cssProps[e.prop]]&&!w.cssHooks[e.prop]?e.elem[e.prop]=e.now:w.style(e.elem,e.prop,e.now+e.unit)}}},tt.propHooks.scrollTop=tt.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},w.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},w.fx=tt.prototype.init,w.fx.step={};var nt,rt,it=/^(?:toggle|show|hide)$/,ot=/queueHooks$/;function at(){rt&&(!1===r.hidden&&e.requestAnimationFrame?e.requestAnimationFrame(at):e.setTimeout(at,w.fx.interval),w.fx.tick())}function st(){return e.setTimeout(function(){nt=void 0}),nt=Date.now()}function ut(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=oe[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function lt(e,t,n){for(var r,i=(pt.tweeners[t]||[]).concat(pt.tweeners["*"]),o=0,a=i.length;o1)},removeAttr:function(e){return this.each(function(){w.removeAttr(this,e)})}}),w.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?w.prop(e,t,n):(1===o&&w.isXMLDoc(e)||(i=w.attrHooks[t.toLowerCase()]||(w.expr.match.bool.test(t)?dt:void 0)),void 0!==n?null===n?void w.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=w.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!h.radioValue&&"radio"===t&&N(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(M);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),dt={set:function(e,t,n){return!1===t?w.removeAttr(e,n):e.setAttribute(n,n),n}},w.each(w.expr.match.bool.source.match(/\w+/g),function(e,t){var n=ht[t]||w.find.attr;ht[t]=function(e,t,r){var i,o,a=t.toLowerCase();return r||(o=ht[a],ht[a]=i,i=null!=n(e,t,r)?a:null,ht[a]=o),i}});var gt=/^(?:input|select|textarea|button)$/i,yt=/^(?:a|area)$/i;w.fn.extend({prop:function(e,t){return z(this,w.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[w.propFix[e]||e]})}}),w.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&w.isXMLDoc(e)||(t=w.propFix[t]||t,i=w.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=w.find.attr(e,"tabindex");return t?parseInt(t,10):gt.test(e.nodeName)||yt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),h.optSelected||(w.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),w.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){w.propFix[this.toLowerCase()]=this});function vt(e){return(e.match(M)||[]).join(" ")}function mt(e){return e.getAttribute&&e.getAttribute("class")||""}function xt(e){return Array.isArray(e)?e:"string"==typeof e?e.match(M)||[]:[]}w.fn.extend({addClass:function(e){var t,n,r,i,o,a,s,u=0;if(g(e))return this.each(function(t){w(this).addClass(e.call(this,t,mt(this)))});if((t=xt(e)).length)while(n=this[u++])if(i=mt(n),r=1===n.nodeType&&" "+vt(i)+" "){a=0;while(o=t[a++])r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=vt(r))&&n.setAttribute("class",s)}return this},removeClass:function(e){var t,n,r,i,o,a,s,u=0;if(g(e))return this.each(function(t){w(this).removeClass(e.call(this,t,mt(this)))});if(!arguments.length)return this.attr("class","");if((t=xt(e)).length)while(n=this[u++])if(i=mt(n),r=1===n.nodeType&&" "+vt(i)+" "){a=0;while(o=t[a++])while(r.indexOf(" "+o+" ")>-1)r=r.replace(" "+o+" "," ");i!==(s=vt(r))&&n.setAttribute("class",s)}return this},toggleClass:function(e,t){var n=typeof e,r="string"===n||Array.isArray(e);return"boolean"==typeof t&&r?t?this.addClass(e):this.removeClass(e):g(e)?this.each(function(n){w(this).toggleClass(e.call(this,n,mt(this),t),t)}):this.each(function(){var t,i,o,a;if(r){i=0,o=w(this),a=xt(e);while(t=a[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else void 0!==e&&"boolean"!==n||((t=mt(this))&&J.set(this,"__className__",t),this.setAttribute&&this.setAttribute("class",t||!1===e?"":J.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&(" "+vt(mt(n))+" ").indexOf(t)>-1)return!0;return!1}});var bt=/\r/g;w.fn.extend({val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=g(e),this.each(function(n){var i;1===this.nodeType&&(null==(i=r?e.call(this,n,w(this).val()):e)?i="":"number"==typeof i?i+="":Array.isArray(i)&&(i=w.map(i,function(e){return null==e?"":e+""})),(t=w.valHooks[this.type]||w.valHooks[this.nodeName.toLowerCase()])&&"set"in t&&void 0!==t.set(this,i,"value")||(this.value=i))});if(i)return(t=w.valHooks[i.type]||w.valHooks[i.nodeName.toLowerCase()])&&"get"in t&&void 0!==(n=t.get(i,"value"))?n:"string"==typeof(n=i.value)?n.replace(bt,""):null==n?"":n}}}),w.extend({valHooks:{option:{get:function(e){var t=w.find.attr(e,"value");return null!=t?t:vt(w.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r-1)&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),w.each(["radio","checkbox"],function(){w.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=w.inArray(w(e).val(),t)>-1}},h.checkOn||(w.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),h.focusin="onfocusin"in e;var wt=/^(?:focusinfocus|focusoutblur)$/,Tt=function(e){e.stopPropagation()};w.extend(w.event,{trigger:function(t,n,i,o){var a,s,u,l,c,p,d,h,v=[i||r],m=f.call(t,"type")?t.type:t,x=f.call(t,"namespace")?t.namespace.split("."):[];if(s=h=u=i=i||r,3!==i.nodeType&&8!==i.nodeType&&!wt.test(m+w.event.triggered)&&(m.indexOf(".")>-1&&(m=(x=m.split(".")).shift(),x.sort()),c=m.indexOf(":")<0&&"on"+m,t=t[w.expando]?t:new w.Event(m,"object"==typeof t&&t),t.isTrigger=o?2:3,t.namespace=x.join("."),t.rnamespace=t.namespace?new RegExp("(^|\\.)"+x.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=void 0,t.target||(t.target=i),n=null==n?[t]:w.makeArray(n,[t]),d=w.event.special[m]||{},o||!d.trigger||!1!==d.trigger.apply(i,n))){if(!o&&!d.noBubble&&!y(i)){for(l=d.delegateType||m,wt.test(l+m)||(s=s.parentNode);s;s=s.parentNode)v.push(s),u=s;u===(i.ownerDocument||r)&&v.push(u.defaultView||u.parentWindow||e)}a=0;while((s=v[a++])&&!t.isPropagationStopped())h=s,t.type=a>1?l:d.bindType||m,(p=(J.get(s,"events")||{})[t.type]&&J.get(s,"handle"))&&p.apply(s,n),(p=c&&s[c])&&p.apply&&Y(s)&&(t.result=p.apply(s,n),!1===t.result&&t.preventDefault());return t.type=m,o||t.isDefaultPrevented()||d._default&&!1!==d._default.apply(v.pop(),n)||!Y(i)||c&&g(i[m])&&!y(i)&&((u=i[c])&&(i[c]=null),w.event.triggered=m,t.isPropagationStopped()&&h.addEventListener(m,Tt),i[m](),t.isPropagationStopped()&&h.removeEventListener(m,Tt),w.event.triggered=void 0,u&&(i[c]=u)),t.result}},simulate:function(e,t,n){var r=w.extend(new w.Event,n,{type:e,isSimulated:!0});w.event.trigger(r,null,t)}}),w.fn.extend({trigger:function(e,t){return this.each(function(){w.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return w.event.trigger(e,t,n,!0)}}),h.focusin||w.each({focus:"focusin",blur:"focusout"},function(e,t){var n=function(e){w.event.simulate(t,e.target,w.event.fix(e))};w.event.special[t]={setup:function(){var r=this.ownerDocument||this,i=J.access(r,t);i||r.addEventListener(e,n,!0),J.access(r,t,(i||0)+1)},teardown:function(){var r=this.ownerDocument||this,i=J.access(r,t)-1;i?J.access(r,t,i):(r.removeEventListener(e,n,!0),J.remove(r,t))}}});var Ct=e.location,Et=Date.now(),kt=/\?/;w.parseXML=function(t){var n;if(!t||"string"!=typeof t)return null;try{n=(new e.DOMParser).parseFromString(t,"text/xml")}catch(e){n=void 0}return n&&!n.getElementsByTagName("parsererror").length||w.error("Invalid XML: "+t),n};var St=/\[\]$/,Dt=/\r?\n/g,Nt=/^(?:submit|button|image|reset|file)$/i,At=/^(?:input|select|textarea|keygen)/i;function jt(e,t,n,r){var i;if(Array.isArray(t))w.each(t,function(t,i){n||St.test(e)?r(e,i):jt(e+"["+("object"==typeof i&&null!=i?t:"")+"]",i,n,r)});else if(n||"object"!==x(t))r(e,t);else for(i in t)jt(e+"["+i+"]",t[i],n,r)}w.param=function(e,t){var n,r=[],i=function(e,t){var n=g(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(Array.isArray(e)||e.jquery&&!w.isPlainObject(e))w.each(e,function(){i(this.name,this.value)});else for(n in e)jt(n,e[n],t,i);return r.join("&")},w.fn.extend({serialize:function(){return w.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=w.prop(this,"elements");return e?w.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!w(this).is(":disabled")&&At.test(this.nodeName)&&!Nt.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=w(this).val();return null==n?null:Array.isArray(n)?w.map(n,function(e){return{name:t.name,value:e.replace(Dt,"\r\n")}}):{name:t.name,value:n.replace(Dt,"\r\n")}}).get()}});var qt=/%20/g,Lt=/#.*$/,Ht=/([?&])_=[^&]*/,Ot=/^(.*?):[ \t]*([^\r\n]*)$/gm,Pt=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Mt=/^(?:GET|HEAD)$/,Rt=/^\/\//,It={},Wt={},$t="*/".concat("*"),Bt=r.createElement("a");Bt.href=Ct.href;function Ft(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(M)||[];if(g(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function _t(e,t,n,r){var i={},o=e===Wt;function a(s){var u;return i[s]=!0,w.each(e[s]||[],function(e,s){var l=s(t,n,r);return"string"!=typeof l||o||i[l]?o?!(u=l):void 0:(t.dataTypes.unshift(l),a(l),!1)}),u}return a(t.dataTypes[0])||!i["*"]&&a("*")}function zt(e,t){var n,r,i=w.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&w.extend(!0,e,r),e}function Xt(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}function Ut(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}w.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ct.href,type:"GET",isLocal:Pt.test(Ct.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":$t,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":w.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?zt(zt(e,w.ajaxSettings),t):zt(w.ajaxSettings,e)},ajaxPrefilter:Ft(It),ajaxTransport:Ft(Wt),ajax:function(t,n){"object"==typeof t&&(n=t,t=void 0),n=n||{};var i,o,a,s,u,l,c,f,p,d,h=w.ajaxSetup({},n),g=h.context||h,y=h.context&&(g.nodeType||g.jquery)?w(g):w.event,v=w.Deferred(),m=w.Callbacks("once memory"),x=h.statusCode||{},b={},T={},C="canceled",E={readyState:0,getResponseHeader:function(e){var t;if(c){if(!s){s={};while(t=Ot.exec(a))s[t[1].toLowerCase()]=t[2]}t=s[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return c?a:null},setRequestHeader:function(e,t){return null==c&&(e=T[e.toLowerCase()]=T[e.toLowerCase()]||e,b[e]=t),this},overrideMimeType:function(e){return null==c&&(h.mimeType=e),this},statusCode:function(e){var t;if(e)if(c)E.always(e[E.status]);else for(t in e)x[t]=[x[t],e[t]];return this},abort:function(e){var t=e||C;return i&&i.abort(t),k(0,t),this}};if(v.promise(E),h.url=((t||h.url||Ct.href)+"").replace(Rt,Ct.protocol+"//"),h.type=n.method||n.type||h.method||h.type,h.dataTypes=(h.dataType||"*").toLowerCase().match(M)||[""],null==h.crossDomain){l=r.createElement("a");try{l.href=h.url,l.href=l.href,h.crossDomain=Bt.protocol+"//"+Bt.host!=l.protocol+"//"+l.host}catch(e){h.crossDomain=!0}}if(h.data&&h.processData&&"string"!=typeof h.data&&(h.data=w.param(h.data,h.traditional)),_t(It,h,n,E),c)return E;(f=w.event&&h.global)&&0==w.active++&&w.event.trigger("ajaxStart"),h.type=h.type.toUpperCase(),h.hasContent=!Mt.test(h.type),o=h.url.replace(Lt,""),h.hasContent?h.data&&h.processData&&0===(h.contentType||"").indexOf("application/x-www-form-urlencoded")&&(h.data=h.data.replace(qt,"+")):(d=h.url.slice(o.length),h.data&&(h.processData||"string"==typeof h.data)&&(o+=(kt.test(o)?"&":"?")+h.data,delete h.data),!1===h.cache&&(o=o.replace(Ht,"$1"),d=(kt.test(o)?"&":"?")+"_="+Et+++d),h.url=o+d),h.ifModified&&(w.lastModified[o]&&E.setRequestHeader("If-Modified-Since",w.lastModified[o]),w.etag[o]&&E.setRequestHeader("If-None-Match",w.etag[o])),(h.data&&h.hasContent&&!1!==h.contentType||n.contentType)&&E.setRequestHeader("Content-Type",h.contentType),E.setRequestHeader("Accept",h.dataTypes[0]&&h.accepts[h.dataTypes[0]]?h.accepts[h.dataTypes[0]]+("*"!==h.dataTypes[0]?", "+$t+"; q=0.01":""):h.accepts["*"]);for(p in h.headers)E.setRequestHeader(p,h.headers[p]);if(h.beforeSend&&(!1===h.beforeSend.call(g,E,h)||c))return E.abort();if(C="abort",m.add(h.complete),E.done(h.success),E.fail(h.error),i=_t(Wt,h,n,E)){if(E.readyState=1,f&&y.trigger("ajaxSend",[E,h]),c)return E;h.async&&h.timeout>0&&(u=e.setTimeout(function(){E.abort("timeout")},h.timeout));try{c=!1,i.send(b,k)}catch(e){if(c)throw e;k(-1,e)}}else k(-1,"No Transport");function k(t,n,r,s){var l,p,d,b,T,C=n;c||(c=!0,u&&e.clearTimeout(u),i=void 0,a=s||"",E.readyState=t>0?4:0,l=t>=200&&t<300||304===t,r&&(b=Xt(h,E,r)),b=Ut(h,b,E,l),l?(h.ifModified&&((T=E.getResponseHeader("Last-Modified"))&&(w.lastModified[o]=T),(T=E.getResponseHeader("etag"))&&(w.etag[o]=T)),204===t||"HEAD"===h.type?C="nocontent":304===t?C="notmodified":(C=b.state,p=b.data,l=!(d=b.error))):(d=C,!t&&C||(C="error",t<0&&(t=0))),E.status=t,E.statusText=(n||C)+"",l?v.resolveWith(g,[p,C,E]):v.rejectWith(g,[E,C,d]),E.statusCode(x),x=void 0,f&&y.trigger(l?"ajaxSuccess":"ajaxError",[E,h,l?p:d]),m.fireWith(g,[E,C]),f&&(y.trigger("ajaxComplete",[E,h]),--w.active||w.event.trigger("ajaxStop")))}return E},getJSON:function(e,t,n){return w.get(e,t,n,"json")},getScript:function(e,t){return w.get(e,void 0,t,"script")}}),w.each(["get","post"],function(e,t){w[t]=function(e,n,r,i){return g(n)&&(i=i||r,r=n,n=void 0),w.ajax(w.extend({url:e,type:t,dataType:i,data:n,success:r},w.isPlainObject(e)&&e))}}),w._evalUrl=function(e){return w.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,"throws":!0})},w.fn.extend({wrapAll:function(e){var t;return this[0]&&(g(e)&&(e=e.call(this[0])),t=w(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(e){return g(e)?this.each(function(t){w(this).wrapInner(e.call(this,t))}):this.each(function(){var t=w(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=g(e);return this.each(function(n){w(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(e){return this.parent(e).not("body").each(function(){w(this).replaceWith(this.childNodes)}),this}}),w.expr.pseudos.hidden=function(e){return!w.expr.pseudos.visible(e)},w.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},w.ajaxSettings.xhr=function(){try{return new e.XMLHttpRequest}catch(e){}};var Vt={0:200,1223:204},Gt=w.ajaxSettings.xhr();h.cors=!!Gt&&"withCredentials"in Gt,h.ajax=Gt=!!Gt,w.ajaxTransport(function(t){var n,r;if(h.cors||Gt&&!t.crossDomain)return{send:function(i,o){var a,s=t.xhr();if(s.open(t.type,t.url,t.async,t.username,t.password),t.xhrFields)for(a in t.xhrFields)s[a]=t.xhrFields[a];t.mimeType&&s.overrideMimeType&&s.overrideMimeType(t.mimeType),t.crossDomain||i["X-Requested-With"]||(i["X-Requested-With"]="XMLHttpRequest");for(a in i)s.setRequestHeader(a,i[a]);n=function(e){return function(){n&&(n=r=s.onload=s.onerror=s.onabort=s.ontimeout=s.onreadystatechange=null,"abort"===e?s.abort():"error"===e?"number"!=typeof s.status?o(0,"error"):o(s.status,s.statusText):o(Vt[s.status]||s.status,s.statusText,"text"!==(s.responseType||"text")||"string"!=typeof s.responseText?{binary:s.response}:{text:s.responseText},s.getAllResponseHeaders()))}},s.onload=n(),r=s.onerror=s.ontimeout=n("error"),void 0!==s.onabort?s.onabort=r:s.onreadystatechange=function(){4===s.readyState&&e.setTimeout(function(){n&&r()})},n=n("abort");try{s.send(t.hasContent&&t.data||null)}catch(e){if(n)throw e}},abort:function(){n&&n()}}}),w.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),w.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return w.globalEval(e),e}}}),w.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),w.ajaxTransport("script",function(e){if(e.crossDomain){var t,n;return{send:function(i,o){t=w(" + + diff --git a/weprodev-header/js/script.js b/weprodev-header/js/script.js new file mode 100644 index 0000000..888459d --- /dev/null +++ b/weprodev-header/js/script.js @@ -0,0 +1,18 @@ +/*------------------------------------*\ + #SELECTING ELEMENTS +\*------------------------------------*/ + +const searchButtonEl = document.querySelector(".search-button-js"); +const searchBoxEl = document.querySelector(".search-box-js"); +/*------------------------------------*\ + #EVENT HANDLERS +\*------------------------------------*/ + +searchButtonEl.addEventListener("click", function () { + searchBoxEl.classList.add("active"); +}); +document.addEventListener("click", function (e) { + if (!e.target.closest(".search-box-js")) { + searchBoxEl.classList.remove("active"); + } +}); diff --git a/weprodev-header/scss/_variables.scss b/weprodev-header/scss/_variables.scss new file mode 100644 index 0000000..8098b0d --- /dev/null +++ b/weprodev-header/scss/_variables.scss @@ -0,0 +1,7 @@ +/*------------------------------------*\ + #COLORS +\*------------------------------------*/ +$mainColorWeprodev: #ff5e57; +$white: #fff; +$black: #000; +$clouds: #ecf0f1; diff --git a/weprodev-header/scss/layout/_weprodev-header.scss b/weprodev-header/scss/layout/_weprodev-header.scss new file mode 100644 index 0000000..8261c55 --- /dev/null +++ b/weprodev-header/scss/layout/_weprodev-header.scss @@ -0,0 +1,179 @@ +.weprodev-header { + display: flex; + flex-direction: column; + position: sticky; + top: 0; + + a { + transition: map-get($durations, 300); + &:hover { + color: $mainColorWeprodev; + } + } + + &__top-section { + width: 100%; + padding-inline: 15rem; + display: flex; + align-items: center; + justify-content: space-between; + padding-block: nth($spaces, 4); + gap: nth($spaces, 4); + background-color: $white; + box-shadow: $shadowSm; + border-bottom: 1px solid $clouds; + @include laptop { + padding-inline: 1.5rem; + } + @include mobile { + flex-wrap: wrap; + } + } + &__logo { + width: 8rem; + } + &__select-lang { + .icon-globe1:before { + font-size: $fontSize4Xl; + } + .icon-chevron-down { + transition: map-get($durations, 150); + } + &:hover { + .icon-chevron-down { + transform: rotate(180deg); + } + } + @include mobile { + display: none; + } + } + &__select-lang-title { + display: flex; + align-items: center; + gap: nth($spaces, 2); + cursor: default; + padding: nth($spaces, 2) 0; + } + &__select-lang-list { + width: 100%; + top: 100%; + left: 0; + border-radius: $rounded; + flex-direction: column; + box-shadow: 0 0 2rem 0 rgba($color: $black, $alpha: 0.2); + background-color: $white; + } + &__select-lang-item { + padding: nth($spaces, 3); + } + &__search-box { + display: flex; + margin-left: auto; + background-color: $mainColorWeprodev; + padding: nth($spaces, 1); + border-radius: $roundedFull; + + @include mobile { + order: 2; + margin: 0 auto; + width: 100%; + } + } + &__search-box-input { + transition: map-get($durations, 300); + width: 0; + color: $white; + border: none; + background-color: transparent; + outline: none; + &::placeholder { + color: $white; + } + + @include mobile { + width: 100%; + margin-left: nth($spaces, 2); + } + } + &__search-box-button { + transition: map-get($durations, 300); + cursor: pointer; + transition: map-get($durations, 150); + padding: nth($spaces, 3); + border-radius: $roundedFull; + border: none; + color: $white; + background-color: $mainColorWeprodev; + + @include mobile { + background-color: $white; + color: $black; + } + } + &__search-box.active &__search-box-input { + width: 10rem; + margin-left: nth($spaces, 2); + + @include mobile { + width: 100%; + } + } + &__search-box.active &__search-box-button { + background-color: $white; + color: $black; + } + &__buttons-container { + @include mobile { + margin-left: auto; + } + } + &__login-button, + &__free-template-button { + @include button( + $radius: $rounded, + $padding: nth($spaces, 4) nth($spaces, 6), + $transition: map-get($durations, 150), + $hoverBgColor: none, + $fontWeight: $fontWeightSemibold, + $border: 0.1rem solid $mainColorWeprodev + ); + + &:hover { + opacity: 0.5; + } + } + &__login-button { + color: $mainColorWeprodev; + background-color: $white; + } + &__free-template-button { + color: $white; + background-color: $mainColorWeprodev; + @include laptop { + display: none; + } + } + + &__navbar { + width: 100%; + padding-inline: 15rem; + display: flex; + align-items: center; + justify-content: center; + box-shadow: $shadowSm; + padding-block: nth($spaces, 6); + background-color: $white; + @include laptop { + padding-inline: 1.5rem; + } + } + &__menu { + font-size: $fontSizeXl; + display: flex; + gap: nth($spaces, 4); + @include mobile { + font-size: $fontSizeLg; + } + } +} diff --git a/weprodev-header/scss/main.scss b/weprodev-header/scss/main.scss new file mode 100644 index 0000000..c7575dd --- /dev/null +++ b/weprodev-header/scss/main.scss @@ -0,0 +1,31 @@ +/*------------------------------------*\ + #ABSTRACTS +\*------------------------------------*/ +@import "../../shared/scss/abstracts/media-query"; +@import "../../shared/scss/abstracts/variables"; +@import "variables"; + +/*------------------------------------*\ + #BASE +\*------------------------------------*/ + +@import "../../shared/scss/base/reset"; + + +/*------------------------------------*\ + #TYPOGRAPGY +\*------------------------------------*/ + +@import "./typography/icomoon"; + +/*------------------------------------*\ + #COMPONENTS +\*------------------------------------*/ + +@import "../../shared/scss/components/dropdown"; +@import "../../shared/scss/components/button"; + +/*------------------------------------*\ + #LAYOUT +\*------------------------------------*/ +@import "layout/weprodev-header"; \ No newline at end of file diff --git a/weprodev-header/scss/typography/_icomoon.scss b/weprodev-header/scss/typography/_icomoon.scss new file mode 100644 index 0000000..2a84a9b --- /dev/null +++ b/weprodev-header/scss/typography/_icomoon.scss @@ -0,0 +1,494 @@ +/*======================================================================================== +********* +******* EXPORT THIS FONT ICONS FROM ICOMOON.IO AND SELECTED THESE ICONS BASE PERSONAL INTRESTING +***** YOU CAN UPDATE THIS ICONS WITH IMPORT JSON FILE IN COMPONENT FOLDER TO MAIN SITE. +*** +*/ + +@font-face { + font-family: 'icomoon'; + src: url('../fonts/icons/icomoon.eot?5sy53h'); + src: url('../fonts/icons/icomoon.eot?5sy53h#iefix') format('embedded-opentype'), + url('../fonts/icons/icomoon.ttf?5sy53h') format('truetype'), + url('../fonts/icons/icomoon.woff?5sy53h') format('woff'), + url('../fonts/icons/icomoon.svg?5sy53h#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: none; + 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-facebook1:before { + content: "\e929"; +} +.icon-social:before { + content: "\e929"; +} +.icon-food:before { + content: "\e927"; +} +.icon-lock:before { + content: "\e922"; +} +.icon-heart:before { + content: "\e923"; +} +.icon-love:before { + content: "\e923"; +} +.icon-like:before { + content: "\e923"; +} +.icon-favorite:before { + content: "\e923"; +} +.icon-file-jpg:before { + content: "\e92b"; +} +.icon-file-jpg1:before { + content: "\e92d"; +} +.icon-file-png:before { + content: "\e92c"; +} +.icon-file-png1:before { + content: "\e92e"; +} +.icon-globe:before { + content: "\e932"; +} +.icon-earth:before { + content: "\e932"; +} +.icon-globe-outline:before { + content: "\e92f"; +} +.icon-globe1:before { + content: "\e931"; +} +.icon-fastfood:before { + content: "\e928"; +} +.icon-chevron-down:before { + content: "\e902"; +} +.icon-chevron-left:before { + content: "\e905"; +} +.icon-chevron-right:before { + content: "\e906"; +} +.icon-chevron-up:before { + content: "\e907"; +} +.icon-chevrons-down:before { + content: "\e908"; +} +.icon-chevrons-left:before { + content: "\e909"; +} +.icon-chevrons-right:before { + content: "\e90a"; +} +.icon-chevrons-up:before { + content: "\e90b"; +} +.icon-menu5:before { + content: "\e5d2"; +} +.icon-more_horiz:before { + content: "\e5d3"; +} +.icon-more_vert:before { + content: "\e5d4"; +} +.icon-filter:before { + content: "\e925"; +} +.icon-add-outline:before { + content: "\e90c"; +} +.icon-add-solid:before { + content: "\e90d"; +} +.icon-cheveron-down:before { + content: "\e90e"; +} +.icon-cheveron-left:before { + content: "\e90f"; +} +.icon-cheveron-right:before { + content: "\e910"; +} +.icon-cheveron-up:before { + content: "\e911"; +} +.icon-close:before { + content: "\e914"; +} +.icon-compose:before { + content: "\e915"; +} +.icon-credit-card2:before { + content: "\e916"; +} +.icon-envelope:before { + content: "\e917"; +} +.icon-link2:before { + content: "\e918"; +} +.icon-list3:before { + content: "\e919"; +} +.icon-list-add:before { + content: "\e91a"; +} +.icon-list-bullet:before { + content: "\e91b"; +} +.icon-menu6:before { + content: "\e91c"; +} +.icon-network:before { + content: "\e91d"; +} +.icon-question2:before { + content: "\e91e"; +} +.icon-view-list:before { + content: "\e921"; +} +.icon-shopping-cart:before { + content: "\e933"; +} +.icon-loop-alt3:before { + content: "\e924"; +} +.icon-home:before { + content: "\e900"; +} +.icon-home2:before { + content: "\e901"; +} +.icon-office:before { + content: "\e903"; +} +.icon-newspaper:before { + content: "\e904"; +} +.icon-play:before { + content: "\e912"; +} +.icon-film:before { + content: "\e913"; +} +.icon-book:before { + content: "\e91f"; +} +.icon-books:before { + content: "\e920"; +} +.icon-folder-open:before { + content: "\e930"; +} +.icon-ticket:before { + content: "\e939"; +} +.icon-coin-dollar:before { + content: "\e93b"; +} +.icon-credit-card:before { + content: "\e93f"; +} +.icon-pushpin:before { + content: "\e946"; +} +.icon-location:before { + content: "\e947"; +} +.icon-history:before { + content: "\e94d"; +} +.icon-clock:before { + content: "\e94e"; +} +.icon-clock2:before { + content: "\e94f"; +} +.icon-alarm:before { + content: "\e950"; +} +.icon-bell:before { + content: "\e951"; +} +.icon-stopwatch:before { + content: "\e952"; +} +.icon-calendar:before { + content: "\e953"; +} +.icon-search:before { + content: "\e986"; +} +.icon-enlarge:before { + content: "\e989"; +} +.icon-shrink:before { + content: "\e98a"; +} +.icon-stats-bars:before { + content: "\e99c"; +} +.icon-gift:before { + content: "\e99f"; +} +.icon-mug:before { + content: "\e9a2"; +} +.icon-rocket:before { + content: "\e9a5"; +} +.icon-bin:before { + content: "\e9ac"; +} +.icon-bin2:before { + content: "\e9ad"; +} +.icon-briefcase:before { + content: "\e9ae"; +} +.icon-airplane:before { + content: "\e9af"; +} +.icon-truck:before { + content: "\e9b0"; +} +.icon-road:before { + content: "\e9b1"; +} +.icon-switch:before { + content: "\e9b6"; +} +.icon-clipboard:before { + content: "\e9b8"; +} +.icon-cloud-download:before { + content: "\e9c2"; +} +.icon-cloud-upload:before { + content: "\e9c3"; +} +.icon-cloud-check:before { + content: "\e9c4"; +} +.icon-download2:before { + content: "\e9c5"; +} +.icon-upload2:before { + content: "\e9c6"; +} +.icon-download3:before { + content: "\e9c7"; +} +.icon-upload3:before { + content: "\e9c8"; +} +.icon-sphere:before { + content: "\e9c9"; +} +.icon-earth1:before { + content: "\e9ca"; +} +.icon-link:before { + content: "\e9cb"; +} +.icon-flag:before { + content: "\e9cc"; +} +.icon-attachment:before { + content: "\e9cd"; +} +.icon-bookmark:before { + content: "\e9d2"; +} +.icon-bookmarks:before { + content: "\e9d3"; +} +.icon-notification:before { + content: "\ea08"; +} +.icon-question:before { + content: "\ea09"; +} +.icon-plus:before { + content: "\ea0a"; +} +.icon-minus:before { + content: "\ea0b"; +} +.icon-info:before { + content: "\ea0c"; +} +.icon-cancel-circle:before { + content: "\ea0d"; +} +.icon-blocked:before { + content: "\ea0e"; +} +.icon-cross:before { + content: "\ea0f"; +} +.icon-checkmark:before { + content: "\ea10"; +} +.icon-checkmark2:before { + content: "\ea11"; +} +.icon-exit:before { + content: "\ea14"; +} +.icon-clipboard2:before { + content: "\e9b9"; +} +.icon-list:before { + content: "\e9ba"; +} +.icon-list2:before { + content: "\e9bb"; +} +.icon-menu:before { + content: "\e9bd"; +} +.icon-menu2:before { + content: "\e9be"; +} +.icon-menu3:before { + content: "\e9bf"; +} +.icon-menu4:before { + content: "\e9c0"; +} +.icon-quotes-left:before { + content: "\e977"; +} +.icon-quotes-right:before { + content: "\e978"; +} +.icon-circle-up:before { + content: "\ea41"; +} +.icon-circle-right:before { + content: "\ea42"; +} +.icon-circle-down:before { + content: "\ea43"; +} +.icon-circle-left:before { + content: "\ea44"; +} +.icon-ctrl:before { + content: "\ea50"; +} +.icon-share2:before { + content: "\ea82"; +} +.icon-mail:before { + content: "\ea83"; +} +.icon-mail4:before { + content: "\ea86"; +} +.icon-google-plus:before { + content: "\ea8b"; +} +.icon-google-plus2:before { + content: "\ea8c"; +} +.icon-google-plus3:before { + content: "\ea8d"; +} +.icon-facebook:before { + content: "\ea90"; +} +.icon-facebook2:before { + content: "\ea91"; +} +.icon-instagram:before { + content: "\ea92"; +} +.icon-whatsapp:before { + content: "\ea93"; +} +.icon-telegram:before { + content: "\ea95"; +} +.icon-twitter:before { + content: "\ea96"; +} +.icon-rss:before { + content: "\ea9b"; +} +.icon-rss2:before { + content: "\ea9c"; +} +.icon-linkedin:before { + content: "\eac9"; +} +.icon-linkedin2:before { + content: "\eaca"; +} +.icon-heart1:before { + content: "\e92a"; +} +.icon-love1:before { + content: "\e92a"; +} +.icon-favorite1:before { + content: "\e92a"; +} +.icon-like1:before { + content: "\e92a"; +} +.icon-arrow-right2:before { + content: "\ea3c"; +} +.icon-arrow-left2:before { + content: "\ea40"; +} +.icon-cart:before { + content: "\e93a"; +} +.icon-credit-card1:before { + content: "\e940"; +} +.icon-star-empty:before { + content: "\e9d7"; +} +.icon-star-half:before { + content: "\e9d8"; +} +.icon-star-full:before { + content: "\e9d9"; +} +.icon-arrow-right21:before { + content: "\ea3d"; +} +.icon-arrow-left21:before { + content: "\ea45"; +} +.icon-trophy:before { + content: "\e926"; +}