cre_pro 0.0.1

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

@@ -0,0 +1,191 @@
+.footer{
+    background-color: $white-color;
+    line-height: $line-height;
+    /*border-top: 1px solid #DDDDDD;*/
+
+    nav > ul{
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        font-weight: normal;
+
+        a:not(.btn){
+            color: $dark-gray;
+            display: block;
+            margin-bottom: 3px;
+            &:hover,
+            &:focus{
+                color: $default-states-color;
+            }
+        }
+    }
+    .social-area{
+        padding: 15px 0;
+        h5{
+            padding-bottom: 15px;
+        }
+    }
+    .social-area > a:not(.btn){
+       color: $dark-gray;
+       display: inline-block;
+       vertical-align: top;
+       padding: $padding-social-a;
+       font-size: $font-size-large;
+       font-weight: normal;
+       line-height: $line-height;
+       text-align: center;
+       &:hover,
+       &:focus{
+           color: $default-states-color;
+       }
+    }
+    .copyright{
+        color: $default-states-color;
+        padding: 10px 15px;
+        margin: 15px 3px;
+        line-height: 20px;
+        text-align: center;
+    }
+    hr{
+        border-color: $medium-gray;
+    }
+    .title{
+        color: $default-states-color;
+    }
+
+    overflow: hidden;
+    .title{
+        text-align: left;
+        margin-bottom: 10px;
+        font-size: 15px;
+        font-weight: bold;
+    }
+    .btn-social{
+        color: #9A9A9A;
+    }
+}
+
+.footer:not(.footer-big){
+    nav > ul{
+       font-size: 16px;
+       li{
+            margin-left: 20px;
+            float: left;
+        }
+        a{
+            padding: 10px 0px;
+            margin: 15px 10px 15px 0px;
+        }
+    }
+}
+
+.footer-color-gray{
+    background-color: $smoke-bg;
+}
+
+.footer-color-black,
+.footer-transparent{
+    background-color: $black-bg;
+    color: $medium-gray;
+
+    nav > ul{
+        a{
+            color: $white-color;
+            &:hover,
+            &:focus{
+                color: $dark-gray;
+            }
+        }
+    }
+    .social-area > a:not(.btn){
+        color: $white-color;
+        &:hover,
+        &:focus{
+            color: $dark-gray;
+        }
+    }
+    .btn-social{
+        color: $white-color;
+    }
+    hr{
+        border-color: $black-hr;
+    }
+    .title{
+        color: $medium-gray;
+    }
+}
+
+.footer-transparent{
+    background-attachment: fixed;
+    background-size: cover;
+    position: relative;
+
+    .container{
+        z-index: 2;
+        position: relative;
+    }
+
+    &::after{
+        @include black-filter(.8);
+    }
+}
+
+.footer-big{
+    padding-top: 30px;
+
+    hr{
+        margin-bottom: 10px;
+        margin-top: 10px;
+    }
+
+    .container > hr{
+        margin-top: 50px;
+    }
+    .copyright{
+        margin: 10px 0px 20px;
+    }
+    .social-area > *{
+        margin: 0 15px;
+    }
+
+    nav > ul{
+        width: 100%;
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        font-weight: normal;
+        li{
+            float: none;
+        }
+        .btn{
+            margin-bottom: 5px;
+        }
+        .btn-social.btn-simple{
+            padding: 0 0 4px 0;
+        }
+    }
+    .form-group{
+        margin-top: 15px;
+    }
+    .numbers h4{
+        margin: $margin-bottom;
+    }
+}
+
+.social-line{
+    padding: $padding-large-vertical 0;
+    background-color: $white-color;
+    .title{
+        margin: $none;
+        line-height: $height-base;
+        font-size: $font-size-h4;
+    }
+    .btn{
+        width: 100%;
+    }
+}
+
+.social-line-black{
+    background-color: $black-bg;
+    color: #FFFFFF;
+}

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

@@ -0,0 +1,72 @@
+.section-header,
+.section-header-blog,
+.section-presentation-page{
+    padding: 0;
+
+	.container{
+		  z-index: 3;
+		  position: absolute;
+		  width: 100%;
+		  height: 100%;
+		  display: block;
+		  top: 0;
+     }
+	.content{
+	    position: relative;
+	    color: white;
+	    text-align: center;
+	    text-shadow: 0px 1px 5px rgba(0,0,0,0.2);
+	    vertical-align: center;
+	    line-height: 1.7;
+	    position: relative;
+        top: 44%;
+        -webkit-transform: translateY(-50%);
+        -ms-transform: translateY(-50%);
+        transform: translateY(-50%);
+	}
+
+    .btn{
+        text-shadow: none;
+    }
+
+    h1{
+		font-weight: 400;
+		font-size: 3.6em;
+		text-shadow: -2px 2px 0px rgba(0,0,0,0.3),-2px 4px 2px rgba(0,0,0,0.1);
+	}
+
+	h5{
+	    font-size: 1.3em;
+	    margin: 0 auto .5em;
+	    line-height: 1.5;
+	    letter-spacing: 0.125;
+	    text-shadow: 0px 0px 1px rgba(0,0,0,0.5);
+	}
+
+	p{
+		letter-spacing: 0.1em;
+		text-transform: uppercase;
+		margin: 1em 0 0.5em;
+
+		span{
+			text-transform: lowercase;
+		}
+	}
+
+	.separator{
+		color: #fff;
+		margin: 30px auto;
+
+		&.line-separator:before, &.line-separator:after{
+			border-color: white;
+		}
+	}
+}
+
+.section-header-small{
+    .parallax,
+    .static-image{
+        min-height: 50vh;
+        height: auto;
+    }
+}

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

@@ -0,0 +1,145 @@
+.form-control::-moz-placeholder{
+   @include placeholder($medium-gray,1);
+   -webkit-font-smoothing: antialiased;
+}
+.form-control:-moz-placeholder{
+   @include placeholder($medium-gray,1);
+   -webkit-font-smoothing: antialiased;
+}
+.form-control::-webkit-input-placeholder{
+   @include placeholder($medium-gray,1);
+   -webkit-font-smoothing: antialiased;
+}
+.form-control:-ms-input-placeholder{
+   @include placeholder($medium-gray,1);
+   -webkit-font-smoothing: antialiased;
+}
+
+.form-control {
+    background-color: $white-bg;
+    border: 1px solid $light-gray;
+    border-radius: $border-radius-base;
+    color: #444444;
+    @include input-size($padding-base-vertical, 10px, $height-base);
+    @include box-shadow(none);
+
+    &:focus{
+           background-color: $white-bg;
+           border: 1px solid $dark-gray;
+           @include box-shadow(none);
+           outline: 0 !important;
+    }
+
+    .has-success &,
+    .has-error &,
+    .has-success &:focus,
+    .has-error &:focus{
+        border-color: $light-gray;
+        @include box-shadow(none);
+    }
+
+    .has-success &{
+        color: $success-color;
+    }
+    .has-success &:focus{
+        border-color: $success-color;
+    }
+    .has-error &{
+        color: $danger-color;
+    }
+    .has-error &:focus{
+        border-color: $danger-color;
+    }
+
+    & + .form-control-feedback{
+        border-radius: $border-radius-large;
+        font-size: $font-size-base;
+        margin-top: -7px;
+        position: absolute;
+        right: 10px;
+        top: 50%;
+        vertical-align: middle;
+    }
+
+    .open &{
+        border-radius: $border-radius-base $border-radius-base 0 0;
+        border-bottom-color: transparent;
+    }
+}
+
+.input-lg{
+    height: 55px;
+    padding: $padding-large-vertical $padding-large-horizontal;
+}
+
+.has-error{
+    .form-control-feedback{
+        color: $danger-color;
+    }
+}
+.has-success{
+    .form-control-feedback{
+        color: $success-color
+    }
+}
+
+
+.input-group-addon {
+    background-color: $white-color;
+    border: 1px solid $light-gray;
+    border-radius: $border-radius-base;
+
+    .has-success &,
+    .has-error &{
+        background-color: $white-color;
+        border: 1px solid $light-gray;
+    }
+    .has-error .form-control:focus + &{
+        border-color: $danger-color;
+        color: $danger-color;
+    }
+    .has-success .form-control:focus + &{
+        border-color: $success-color;
+        color: $success-color;
+    }
+    .form-control:focus + &,
+    .form-control:focus ~ &{
+        background-color: $white-color;
+        border-color: $dark-gray;
+    }
+}
+
+.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
+    border-right: 0 none;
+}
+.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) {
+    border-left: 0 none;
+}
+.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
+    background-color: $light-gray;
+    color: $default-color;
+    cursor: not-allowed;
+}
+
+.form-control-plain {
+    border-top: none;
+    border-left: none;
+    border-right: none;
+    border-radius: 0;
+    padding: 8px 0;
+    font-size: 16px;
+    background-color: transparent;
+    border-color: $light-gray;
+    resize: vertical;
+
+    &:focus {
+        background-color: transparent;
+        border: 0;
+        border-bottom: 1px solid #777;
+    }
+}
+.form-control {
+    &:focus::-webkit-input-placeholder {
+        color: rgba(#777777,.3);
+    }
+}

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

@@ -0,0 +1,15 @@
+.label-primary{
+   background-color: $primary-color;
+}
+.label-info{
+   background-color: $info-color;
+}
+.label-success{
+   background-color: $success-color;
+}
+.label-warning{
+   background-color: $warning-color;
+}
+.label-danger{
+   background-color: $danger-color;
+}

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

@@ -0,0 +1,332 @@
+
+a{
+
+  &:hover, &:focus{
+     text-decoration: none;
+  }
+}
+
+a:focus, a:active,
+button::-moz-focus-inner,
+input[type="reset"]::-moz-focus-inner,
+input[type="button"]::-moz-focus-inner,
+input[type="submit"]::-moz-focus-inner,
+select::-moz-focus-inner,
+input[type="file"] > input[type="button"]::-moz-focus-inner {
+    outline : 0;
+}
+.ui-slider-handle:focus,
+.navbar-toggle {
+    outline : 0 !important;
+}
+
+/*           Animations              */
+.form-control,
+.input-group-addon,
+.tagsinput,
+.navbar,
+.navbar .alert{
+    @include transition($general-transition-time, linear);
+}
+.tagsinput .tag,
+.tagsinput-remove-link,
+.filter,
+.btn-hover,
+[data-toggle="collapse"] i,
+body > .navbar-collapse a{
+    @include transition($fast-transition-time, linear);
+}
+
+.btn-morphing .fa,
+.btn-morphing .circle,
+.gsdk-collapse{
+    @include transition($slow-transition-time, linear);
+}
+
+.fa{
+    width: 18px;
+    text-align: center;
+}
+.margin-top{
+    margin-top: 50px;
+}
+
+.better-browser{
+    max-width: 700px;
+    margin: 200px auto;
+    text-align: center;
+}
+
+.better-browser div{
+    margin-bottom: 10px;
+}
+
+.info-icon{
+    text-align: center;
+
+    .icon{
+       font-size: 62px;
+       line-height: 66px;
+       color: $primary-color;
+       margin-bottom: 10px;
+   }
+   .description{
+       margin-top: 15px;
+       color: $dark-gray;
+   }
+}
+
+.avatar{
+	border: 3px solid $primary-color;
+	border-radius: 50%;
+	overflow: hidden;
+	max-width: 110px;
+	margin: 0 auto;
+
+	img{
+		width: 100%;
+		height: auto;
+	}
+}
+
+.avatar-info{
+    border-color: $info-color;
+}
+.avatar-success{
+    border-color: $success-color;
+}
+.avatar-warning{
+    border-color: $warning-color;
+}
+.avatar-danger{
+    border-color: $danger-color;
+}
+
+
+
+// to check this
+
+
+*::selection{
+    background: $danger-color;
+    color: #FFFFFF;
+}
+
+.form-control{
+    margin-bottom: 1.875em;
+}
+
+@-webkit-keyframes zoomOut {
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes zoomOut {
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+.zoomOut {
+  -webkit-animation-name: zoomOut;
+  animation-name: zoomOut;
+}
+
+.loading{
+    position: fixed;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: white;
+    z-index: 1032;
+    opacity: 1;
+   transition: opacity .5s cubic-bezier(0.7,0,0.3,1);
+
+    &.hide{
+        display: none;
+    }
+
+    .loading-container{
+            z-index: 1033;
+            display: block;
+            position: relative;
+            text-align: center;
+            @include transform-translate-center(-50%);
+
+        .loader{
+            width: 40px;
+        }
+
+        p{
+            font-size: 30px;
+            margin-bottom: 30px;
+        }
+    }
+}
+
+
+/* BUTTONS */
+    .btn-black{
+
+    	i{
+        	position: absolute;
+        	top: 14px;
+        	right: 0.25em;
+        	opacity: 0;
+    	}
+
+    	&:hover,
+    	&:focus{
+
+    		i{
+        		right: 26px;
+        		opacity: 1;
+    		}
+    	}
+}
+
+
+/* BUTTONS */
+.form-control{
+    border-color: $gray;
+
+    &:focus{
+        border-color: $dark-gray;
+    }
+}
+
+
+a,
+.list-logos a img:first-child,
+.section-clients-3 #clients-carousel li img:first-child,
+.project-content .icon-close i,.nav-text > li.active a{
+     @include transition($fast-transition-time, linear);
+}
+
+.btn,
+.btn-black i,
+.form-control::-webkit-placeholder{
+    @include transition($fast-transition-time, ease-out);
+}
+
+/*   end animation   */
+
+.body-layer{
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	bottom: 0;
+	z-index: 1030;
+	background-color: rgba(0,0,0,.1);
+	visibility: hidden;
+	transition:all .1s ease;
+
+	.open{
+		visibility: visible;
+	}
+}
+
+.card{
+    .icon{
+        font-size: 75px;
+        line-height: 75px;
+    }
+
+    .icon ~ h3{
+        margin-top: 5px;
+        margin-bottom: 0px;
+    }
+}
+
+a{
+    &.scroll-arrow{
+        font-size: 35px;
+        color: white;
+        width: 50px;
+        line-height: 52px;
+        border-radius: 50%;
+        height: 50px;
+        border: 1px solid white;
+        display: block;
+        margin: 0 auto;
+        position: absolute;
+        bottom: 40px;
+        left: 50%;
+        z-index: 1029;
+        -webkit-transform: translateX(-50%);
+        -moz-transform: translateX(-50%);
+        -ms-transform: translateX(-50%);
+        -o-transform: translateX(-50%);
+        transform: translateX(-50%);
+        opacity: .9;
+
+        i{
+            width: 100%;
+
+            &:hover, &:focus{
+                color: white;
+            }
+        }
+
+        &:hover{
+            opacity: 1;
+        }
+    }
+}
+
+a{
+    &.left{
+        &.carousel-control{
+            span{
+                &.fa-angle-left{
+                    left: 8%;
+                }
+            }
+        }
+    }
+    &.right{
+        &.carousel-control{
+            span{
+                &.fa-angle-right{
+                    right: 8%;
+                }
+            }
+        }
+    }
+}
+
+a{
+    &.carousel-control{
+        opacity: 1;
+        span{
+            &.fa{
+                -webkit-transform: translateY(-50%);
+                -moz-transform: translateY(-50%);
+                -ms-transform: translateY(-50%);
+                -o-transform: translateY(-50%);
+                transform: translateY(-50%);
+            }
+        }
+    }
+}