diff --git a/src/js/modules/locomotiveScroll.js b/src/js/modules/locomotiveScroll.js index 06b29e0..6b91e0f 100644 --- a/src/js/modules/locomotiveScroll.js +++ b/src/js/modules/locomotiveScroll.js @@ -1,6 +1,10 @@ import LocomotiveScroll from 'locomotive-scroll'; -window.addEventListener('load', init); +const isMobile = window.matchMedia('(max-width: 900px)'); + +if (!isMobile.matches) { + window.addEventListener('load', init); +} function init() { const $container = document.querySelector('[data-scroll-container]'); diff --git a/src/modules/sections/footer.hbs b/src/modules/sections/footer.hbs index 07bf980..ff26b06 100644 --- a/src/modules/sections/footer.hbs +++ b/src/modules/sections/footer.hbs @@ -108,6 +108,20 @@ +7 (928) 210-31-10 + +
diff --git a/src/scss/components/card-service.scss b/src/scss/components/card-service.scss index 16c582b..c80db6a 100644 --- a/src/scss/components/card-service.scss +++ b/src/scss/components/card-service.scss @@ -13,7 +13,7 @@ .card-service__banner { img { - [data-scroll-container] & { + .has-scroll-smooth & { opacity: 0; transform: scale(1.4); } diff --git a/src/scss/sections/footer.scss b/src/scss/sections/footer.scss index 76fd4f3..3599fbd 100644 --- a/src/scss/sections/footer.scss +++ b/src/scss/sections/footer.scss @@ -216,6 +216,42 @@ } } +.footer__socials { + display: inline-flex; + align-items: center; + margin-left: 17px; +} + +.footer__social { + display: inline-flex; + align-items: center; + justify-content: center; + + &--w { + color: #07d528; + + &:hover { + color: #12b32c; + } + } + + &--t { + color: #039be5; + + &:hover { + color: #1c85b9; + } + } + + &:not(:last-child) { + margin-right: 3px; + } + + .svg { + font-size: 32px; + } +} + .footer__phone { font-size: 16px; font-weight: 300; diff --git a/src/svg/social-t.svg b/src/svg/social-t.svg new file mode 100644 index 0000000..3c6d5db --- /dev/null +++ b/src/svg/social-t.svg @@ -0,0 +1,4 @@ + diff --git a/src/svg/social-w.svg b/src/svg/social-w.svg new file mode 100644 index 0000000..7cfa56c --- /dev/null +++ b/src/svg/social-w.svg @@ -0,0 +1,6 @@ +