Qhoster
Quality Hosting
diff --git a/src/js/scrolling-nav.js b/src/js/scrolling-nav.js
index 1cc6d00..07fe59f 100755
--- a/src/js/scrolling-nav.js
+++ b/src/js/scrolling-nav.js
@@ -1,29 +1,29 @@
(function($) {
- $(function() {
+ // $(function() {
- // jQuery to collapse the navbar on scroll
- $(window).scroll(function() {
- if ($('.navbar').offset().top > 100) {
- $('.navbar-fixed-top').addClass('top-nav-collapse');
- } else {
- $('.navbar-fixed-top').removeClass('top-nav-collapse');
- }
- });
+ // // jQuery to collapse the navbar on scroll
+ // $(window).scroll(function() {
+ // if ($('.navbar').offset().top > 100) {
+ // $('.navbar-fixed-top').addClass('top-nav-collapse');
+ // } else {
+ // $('.navbar-fixed-top').removeClass('top-nav-collapse');
+ // }
+ // });
- // jQuery for page scrolling feature - requires jQuery Easing plugin
- $(function() {
- $('a.page-scroll').bind('click', function(event) {
- var $anchor = $(this);
+ // // jQuery for page scrolling feature - requires jQuery Easing plugin
+ // $(function() {
+ // $('a.page-scroll').bind('click', function(event) {
+ // var $anchor = $(this);
- $('html, body').stop().animate({
- scrollTop: $($anchor.attr('href')).offset().top
- }, 500, 'easeInOutExpo');
+ // $('html, body').stop().animate({
+ // scrollTop: $($anchor.attr('href')).offset().top
+ // }, 500, 'easeInOutExpo');
- event.preventDefault();
- });
- });
+ // event.preventDefault();
+ // });
+ // });
- });
+ // });
}(jQuery));
diff --git a/src/scss/_ctabox.scss b/src/scss/_ctabox.scss
index 53a987a..ee9c535 100644
--- a/src/scss/_ctabox.scss
+++ b/src/scss/_ctabox.scss
@@ -9,7 +9,9 @@
display: inline-block;
box-shadow: rgba(0,0,0,0.2) 0 1px 4px;
margin-right: 20px;
+ color: $color-black-light;
background: #fff;
+ text-align: center;
}
&__inner,
@@ -17,6 +19,11 @@
padding: 20px 0;
}
+ &__link {
+ display: block;
+ padding-bottom: 16px; // optical
+ }
+
&__inner {
&::before {
content: '';
@@ -26,7 +33,7 @@
bottom: 0;
left: 0;
width: 10%;
- background: linear-gradient(to right, $color-gray-light 10%, transparent 100%);
+ background: linear-gradient(to right, white 10%, transparent 100%);
}
&::after {
content: '';
@@ -36,10 +43,24 @@
bottom: 0;
right: 0;
width: 10%;
- background: linear-gradient(to left, $color-gray-light 10%, transparent 100%);
+ background: linear-gradient(to left, white 10%, transparent 100%);
}
}
+ &--gray-light-bg {
+ .ctabox {
+ &__inner {
+ &::before {
+ background: linear-gradient(to right, $color-gray-light 10%, transparent 100%);
+ }
+ &::after {
+ background: linear-gradient(to left, $color-gray-light 10%, transparent 100%);
+ }
+ }
+ }
+ }
+
+
&__imagewrapper {
background: rgba($color-blue-light, 0.1);
width: 100%;
@@ -60,11 +81,16 @@
height: auto;
}
- &__text {
+ &__title {
+ color: $color-black-light;
+ padding-top: 15px;
+ @include font-title-medium();
+ }
+ &__description {
+ color: $color-gray-dark;
+ margin: 0 !important; // TODO: get rid of specificity
}
- &__title {
- }
&__description {
}
diff --git a/src/scss/_section.scss b/src/scss/_section.scss
index c38f92d..2ae7568 100644
--- a/src/scss/_section.scss
+++ b/src/scss/_section.scss
@@ -1,7 +1,7 @@
$m: 'section';
.#{$m} {
- padding-bottom: 100px;
+ padding-bottom: 50px;
width: 100%;
&__content {
@@ -29,6 +29,16 @@ $m: 'section';
}
}
+ &--gray-light-bg {
+ padding-top: 50px;
+ margin-bottom: 50px;
+ background: $color-gray-light;
+ }
+
+ &--cta {
+ text-align: center;
+ }
+
&--home-cta {
text-align: center;
padding-bottom: 60px;