diff --git a/assets/scss/_buttons.scss b/assets/scss/_buttons.scss index e635220..8b92d41 100644 --- a/assets/scss/_buttons.scss +++ b/assets/scss/_buttons.scss @@ -8,46 +8,12 @@ // } // } -// .hire_button{ -// background: $primary_color; -// padding: 15px 30px; -// color: #fff; -// text-decoration: none; -// border-radius: 7px; -// font-size: 16px; -// font-family: $secondary-font; -// font-weight: 400; -// border: 1px solid transparent; -// transition: all .3s ease; -// transform: scale(1); -// &:hover{ -// background: #425FEE; -// box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3); -// transform: scale(1.03); -// } -// @include desktop{ -// text-align: center; -// } -// } - // Button Override .btn { display: inline-block; padding: 15px 30px; - font-family: $secondary-font; font-size: 16px; - // background: $primary-color; border-radius: 7px; - //color: #fff; - // ext-decoration: none; - // border: 1px solid transparent; - // transition: all 0.3s ease; - // transform: scale(1); - // &:hover { - // background: #425fee; - // box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3); - // transform: scale(1.03); - // } } .btn-lg { diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss index 09db916..7a917a0 100644 --- a/assets/scss/_variables.scss +++ b/assets/scss/_variables.scss @@ -11,9 +11,6 @@ $dark-gray: #646569; $white: #fff; $black: #000; -// Font Variables -$secondary-font: "Poppins", sans-serif; - ////// ////// Bootstrap Variables ////// diff --git a/assets/scss/components/_footer-section.scss b/assets/scss/components/_footer-section.scss index 85e50c1..bf8733f 100644 --- a/assets/scss/components/_footer-section.scss +++ b/assets/scss/components/_footer-section.scss @@ -1,24 +1,24 @@ -.footer{ - background: #1B2031; +.footer { + background: #1b2031; position: relative; margin-top: 150px; - &__background_shape{ + &__background_shape { position: absolute; width: 100%; top: 0; left: 0; - svg{ + svg { height: 100%; width: 100%; - path{ + path { fill: $white; } } - @include mobile{ + @include mobile { display: none; } } - &__cta{ + &__cta { background: $primary-color; padding: 100px 80px; border-radius: 20px; @@ -29,21 +29,21 @@ position: relative; overflow: hidden; z-index: 5; - .shape-1{ + .shape-1 { position: absolute; z-index: -1; transform: rotate(-20deg); top: -43%; left: 2%; animation: moveLeft 5s infinite linear; - svg{ - path{ + svg { + path { fill: #ffffff; - opacity: .07; + opacity: 0.07; } } } - .shape-2{ + .shape-2 { position: absolute; z-index: -1; transform: rotate(80deg); @@ -52,37 +52,37 @@ width: 235px; height: 208px; animation: move_top 3s infinite linear; - svg{ + svg { height: 100%; width: 100%; - path{ + path { fill: #ffffff; - opacity: .07; + opacity: 0.07; } } } - @include desktop{ + @include desktop { padding: 70px 40px; } - &_content{ + &_content { width: 60%; - @include desktop{ + @include desktop { width: 100%; text-align: center; margin-bottom: 20px; } - span{ + span { font-size: 20px; display: block; line-height: 1; margin: 0 0 20px 40px; position: relative; - @include desktop{ + @include desktop { display: inline-block; } - &::before{ + &::before { position: absolute; - content: ''; + content: ""; height: 2px; width: 20px; left: -40px; @@ -92,23 +92,23 @@ } } } - &_action{ + &_action { width: 40%; - @include desktop{ + @include desktop { width: 100%; text-align: center; } - a{ + a { float: right; - @include desktop{ + @include desktop { float: none; } } } } - &__widget{ + &__widget { padding: 100px 0; - @include desktop{ + @include desktop { text-align: center; padding: 50px 0; .footer__widget_address { @@ -122,24 +122,16 @@ // &_address{ // } } - &__footer{ + &__footer { padding: 50px 0; - border-top: 1px solid rgba(255, 255, 255, .2); - @include desktop{ + border-top: 1px solid rgba(255, 255, 255, 0.2); + @include desktop { text-align: center; } - &_copy{ - p{ - color: #fff; - font-size: 16px; - font-family: $secondary-font; - margin: 0; - } - } - &_social{ - ul{ + &_social { + ul { float: right; - @include desktop{ + @include desktop { margin: 20px auto 0; float: none; } @@ -147,14 +139,15 @@ } } } -@keyframes moveLeft{ - 0%, 100% { +@keyframes moveLeft { + 0%, + 100% { -webkit-transform: translateX(0) rotate(-20deg); transform: translateX(0) rotate(-20deg); } - + 50% { -webkit-transform: translateX(15px) rotate(-20deg); transform: translateX(15px) rotate(-20deg); } -} \ No newline at end of file +} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 0833d7e..966ec50 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -68,7 +68,7 @@