cre_pro 0.0.1

data/vendor/assets/stylesheets/gp/components/_buttons.scss

@@ -0,0 +1,121 @@
+.btn,
+.navbar .navbar-nav > li > a.btn{
+    border-width: $border-thin;
+    background-color: $transparent-bg;
+    font-weight: $font-weight-bold;
+    border-radius: $border-radius-small;
+    font-size: $font-size-small;
+    line-height: 1.6em;
+    @include opacity(.8);
+    padding: $padding-base-vertical $padding-base-horizontal;
+    @include btn-styles($default-color, $default-states-color);
+    text-transform: uppercase;
+
+    &:hover,
+    &:focus{
+        @include opacity(1);
+        outline: 0 !important;
+    }
+    &:active,
+    &.active,
+    .open > &.dropdown-toggle {
+         @include box-shadow(none);
+         outline: 0 !important;
+    }
+
+    &.btn-icon{
+        padding: $padding-base-vertical;
+    }
+
+}
+
+// Apply the mixin to the buttons
+.btn-primary,
+.navbar .navbar-nav > li > a.btn-primary {
+    @include btn-styles($gold-color, $gold-states-color);
+}
+.btn-success,
+.navbar .navbar-nav > li > a.btn-success{
+    @include btn-styles($success-color, $success-states-color);
+}
+.btn-info,
+.navbar .navbar-nav > li > a.btn-info{
+    @include btn-styles($info-color, $info-states-color);
+}
+.btn-warning,
+.navbar .navbar-nav > li > a.btn-warning{
+    @include btn-styles($warning-color, $warning-states-color);
+}
+.btn-danger,
+.navbar .navbar-nav > li > a.btn-danger{
+    @include btn-styles($danger-color, $danger-states-color);
+}
+.btn-black,
+.navbar .navbar-nav > li > a.btn-black{
+    @include btn-styles($black-color, $black-states-color);
+}
+.btn-white,
+.navbar .navbar-nav > li > a.btn-white{
+    @include btn-styles($white-color, $white-color);
+    opacity: .9;
+
+    &:active,
+    &.active,
+    .open > &.dropdown-toggle{
+         background-color: $white-color;
+         color: $default-color;
+    }
+
+    &.btn-fill{
+        color: $default-color;
+        opacity: .9;
+
+        &:hover,
+        &:focus{
+            color: $default-color;
+            opacity: 1;
+        }
+    }
+
+    &.btn-simple:active,
+    &.btn-simple.active{
+        background-color: transparent;
+    }
+}
+.btn{
+     &:disabled,
+     &[disabled],
+     &.disabled{
+        @include opacity(.5);
+    }
+}
+.btn-round{
+    border-width: $border-thin;
+    border-radius: $btn-round-radius !important;
+    padding: $padding-round-vertical $padding-round-horizontal;
+
+    &.btn-icon{
+        padding: $padding-round-vertical;
+    }
+}
+.btn-simple{
+    border: $none;
+    font-size: $font-size-base;
+    padding: $padding-base-vertical $padding-base-horizontal;
+
+    &.btn-icon{
+        padding: $padding-base-vertical;
+    }
+}
+.btn-lg{
+   @include btn-size($padding-large-vertical, $padding-large-horizontal, $font-size-base, $border-radius-base);
+}
+.btn-sm{
+    @include btn-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $border-radius-small);
+}
+.btn-xs {
+    @include btn-size($padding-small-vertical, $padding-small-horizontal, $font-size-small - 2, $border-radius-small);
+}
+.btn-wd {
+    min-width: 140px;
+}

data/vendor/assets/stylesheets/gp/components/_cards.scss

@@ -0,0 +1,271 @@
+.card{
+    background: #fff;
+    box-shadow: 0 32px 44px -24px rgba(0, 0, 0, 0.23),
+                0 20px 25px 0px rgba(0, 0, 0, 0.12),
+                0 15px 10px -10px rgba(0, 0, 0, 0.2);
+    border-radius: 6px;
+    margin-bottom: 30px;
+
+    @include transition($slow-transition-time, $transition-bezier);
+
+    &:not(.card-plain):not(.card-price):hover{
+        @include transform-scale(1.03);
+
+        box-shadow: 0 26px 50px -10px rgba(0, 0, 0, 0.38),
+                    0 10px 20px 0px rgba(0, 0, 0, 0.20),
+                    0 15px 10px -10px rgba(0, 0, 0, 0.2);
+    }
+    .subtitle-black {
+        color: #141414;
+    }
+
+    a{
+        opacity: .85;
+    }
+
+    &:hover .header{
+        opacity: 1;
+    }
+    h2{
+        margin-top: 0;
+    }
+
+    img{
+        max-width: 100%;
+    }
+
+    .header{
+        img{
+            border-radius: $border-radius-base;
+        }
+    }
+
+    .image-header,
+    .header img{
+        width: 100%;
+        border-radius: $border-radius-base $border-radius-base 0 0;
+
+        &.image-full{
+            border-radius: $border-radius-base;
+        }
+    }
+
+
+    .row{
+        .image-header,
+        .header img {
+            width: 100%;
+            border-radius: $border-radius-base;
+        }
+    }
+
+    .btn{
+        margin-top: 15px;
+    }
+
+    > img{
+        border-radius: $border-radius-base;
+    }
+
+    .title{
+        margin-bottom: 5px;
+        color: $black-color;
+    }
+    .description{
+        font-size: 13px;
+    }
+
+}
+.card-blog {
+
+    .content {
+        position: relative;
+        text-align: center;
+        padding: 25px;
+    }
+    .circle-black {
+        margin-top: -52px;
+    }
+    .circle {
+        border-radius: 100%;
+        background: #242424;
+        width: 60px;
+        height: 60px;
+        margin: 0 auto;
+        position: relative;
+    }
+    .card-subtitle {
+        text-transform: uppercase;
+        padding-bottom: 10px;
+        font-size: 1.0em;
+    }
+
+    .card-title {
+        line-height: 1.358823529em;
+        margin-bottom: 10px;
+        color: $black-color;
+    }
+    .date-wrapper {
+        position: relative;
+        top: 16px;
+
+        .date,
+        .month {
+            color: #fff;
+            text-transform: uppercase;
+            display: block;
+            line-height: 1.2;
+            font-size: 12px;
+            letter-spacing: 1px;
+        }
+    }
+    .card-date,
+    .card-month,
+    .card-category {
+        color: $dark-gray;
+        text-transform: uppercase;
+        display: block;
+        line-height: 1.2;
+        font-size: 12px;
+    }
+
+    .card-category {
+        margin-top: 10px;
+        margin-bottom: 15px;
+        font-family: $sans-serif-font;
+        font-weight: $font-weight-bold;
+        color: $semi-gray;
+    }
+    .card-date{
+        font-family: $sans-serif-font;
+        font-weight: $font-weight-bold;
+        font-size: $font-size-base;
+    }
+
+    .line-divider {
+        width: 30px;
+        border-bottom: 2px solid #c5a47e;
+        margin: 0 auto;
+
+        &.line-info{
+            border-color: $info-color;
+        }
+        &.line-success{
+            border-color: $success-color;
+        }
+        &.line-warning{
+            border-color: $warning-color;
+        }
+        &.line-danger{
+            border-color: $danger-color;
+        }
+    }
+    .card-title-2 {
+        margin-bottom: 15px;
+        text-transform: none;
+        line-height: 1.3;
+        margin-top: 10px;
+    }
+}
+.card-price {
+    text-align: center;
+    background: #f2f2f2;
+    border-radius: 10px;
+    position: relative;
+    .content {
+        padding: 40px 20px;
+    }
+    span {
+        color: #777;
+    }
+    .title-header {
+        text-transform: uppercase;
+        margin: 0;
+        letter-spacing: 1px;
+        font-weight: 600;
+        color: $dark-gray;
+    }
+    .subtitle-header {
+        font-weight: 500;
+    }
+    .price {
+        position: relative;
+        display: inline-block;
+        color: $dark-gray;
+
+        .number {
+            font-size: 65px;
+            font-weight: 600;
+            color: #c5a47e;
+        }
+        i{
+            position: absolute;
+            top: 20px;
+            left: -20px;
+            font-size: 27px;
+        }
+    }
+    .text-description {
+        line-height: 1.8;
+        color: $dark-gray;
+    }
+    .text-center {
+        .btn.btn-info.btn-round.btn-fill {
+            text-transform: uppercase;
+            font-size: 12px;
+            background-color: #c5a47e;
+            color: #fff;
+            font-weight: 400;
+            border: none;
+            line-height: 14px;
+            padding: 9px 31px;
+            &:hover {
+                background-color: darken(#c5a47e,5%);
+            }
+        }
+    }
+}
+.card-member {
+    display: block;
+    text-align: center;
+    margin-bottom: 20px;
+
+    .content{
+        padding: 25px;
+    }
+
+    > img {
+        background: none repeat scroll 0 0 transparent;
+        height: auto;
+        width: 120px;
+        margin: 0 auto;
+    }
+}
+.card-black {
+    border-radius: 10px;
+    background: #242424;
+    margin-top: -11px;
+    .content {
+        padding: 50px 20px;
+    }
+    .icon-gold,
+    .text-gold,
+    .title-gold {
+        color: #c5a47e;
+    }
+    .text-description {
+        color: #fff;
+    }
+}
+.card-white{
+    background: $white-color;
+}
+.card-plain{
+    border-radius: 0;
+    box-shadow:none;
+    background: none;
+
+    .image-header{
+        border-radius: $border-radius-base;
+    }
+}

data/vendor/assets/stylesheets/gp/components/_carousel.scss

@@ -0,0 +1,15 @@
+.carousel-control{
+    width: 8%;
+}
+.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa, .carousel-control .fa {
+    display: inline-block;
+    position: absolute;
+    top: 50%;
+    z-index: 5;
+}
+.carousel-control .fa{
+    font-size: 35px;
+}
+.carousel-control.left, .carousel-control.right {
+    background-image: none;
+}

data/vendor/assets/stylesheets/gp/components/_clients.scss

@@ -0,0 +1,172 @@
+.section-clients-1{
+      .logo{
+      	  position: relative;
+          margin-bottom: 30px;
+      }
+}
+
+.section-clients-2{
+
+  .nav-text{
+    margin: 0 auto;
+    text-align: center;
+
+    li{
+      margin: 0 10px 10px 0;
+
+      a{
+         opacity: .9;
+        color: #343434;
+        padding: 3px 0;
+
+        img{
+          width: 120px;
+        }
+      }
+    }
+
+    >li.active{
+
+      a{
+        color: $gold-color !important;
+        border-bottom: 2px solid $gold-color;
+
+        img:first-child{
+          opacity: 0;
+        }
+      }
+    }
+  }
+
+  .tab-content{
+    text-align: center;
+    max-width: 760px;
+    min-height: 130px;
+
+    p.large{
+        color: $dark-gray;
+    }
+  }
+}
+
+.section-clients-3{
+  .nbs-flexisel-inner{
+
+    &:before, &:after{
+      position: absolute;
+      top: 0;
+      width: 6%;
+      height: 50px;
+      display: block;
+      z-index: 1;
+      content: "";
+      z-index: 3;
+    }
+
+    &:before{
+      @include logo-gradient($white, $transparent);
+      left: 0;
+    }
+
+    &:after{
+      @include logo-gradient($transparent, $white);
+      right: 0;
+    }
+
+  }
+
+  #clients-carousel {
+
+    li{
+      position: relative;
+
+      img {
+        width: 50%;
+        cursor: pointer;
+        position: relative;
+        margin: 0;
+        max-height: 50px;
+        max-width: 200px;
+
+
+         &:first-child{
+          position: absolute;
+          @include transform-translate-center(-(50%));
+          opacity: 1;
+          z-index: 2;
+
+
+          &:hover{
+            opacity: 0;
+          }
+        }
+      }
+    }
+  }
+
+  .nbs-flexisel-nav-left,
+  .nbs-flexisel-nav-right {
+
+    font-size: 30px;
+  }
+}
+
+.list-logos{
+    img{
+      max-width: 120px;
+      margin: 0 auto;
+      display: block;
+    }
+
+    .active{
+        .client-logo{
+            color: $primary-color;
+        }
+    }
+
+    a{
+        opacity: 0.9;
+        color: $black-color;
+    }
+}
+.list-logos-info{
+    .active{
+        .client-logo{
+            color: $info-color;
+        }
+    }
+}
+.list-logos-success{
+    .active{
+        .client-logo{
+            color: $success-color;
+        }
+    }
+}
+.list-logos-warning{
+    .active{
+        .client-logo{
+            color: $warning-color;
+        }
+    }
+}
+.list-logos-danger{
+    .active{
+        .client-logo{
+            color: $danger-color;
+        }
+    }
+}
+.client-logo{
+    text-align: center;
+    margin: 0 15px;
+
+    i{
+        font-size: 35px;
+        width: auto;
+        margin-bottom: 5px;
+    }
+    h3{
+        font-family: $sans-serif-font;
+    }
+}