add asentus template

web/construction/asentus/HTML/sass/gui/_pricing.scss

@@ -0,0 +1,48 @@
+/*------------------------------------------------------------------
+  	[Pricing]
+------------------------------------------------------------------*/
+
+.pricing {
+	padding: 70px 45px;
+	background: $color-white;
+	margin-top: 50px;
+
+	@media (max-width: $screen-sm-min) {
+		margin-top: 0;
+	}
+
+	&.pricing-active {
+		padding-top: 110px;
+		padding-bottom: 110px;
+		margin-top: 10px;
+
+		@media (max-width: $screen-sm-min) {
+			margin-top: 0;
+		}
+	}
+
+	.pricing {
+		&-icon {
+			display: block;
+			@include font($size: 30px);
+			color: $color-link-hover;
+			margin-bottom: 30px;
+		}
+
+		&-list-item {
+			@include position(relative);
+			@include font($size: 13px);
+			color: $color-link;
+			padding-left: 20px;
+			margin-bottom: 10px;
+
+			&:before {
+				@include position(absolute, $top: 7px, $left: 0);
+				@include size(9px, 2px);
+		        background: $color-base;
+		        content: " ";
+		        margin-right: 10px;
+			}
+		}
+	}
+}

web/construction/asentus/HTML/sass/gui/_promo-section.scss

@@ -0,0 +1,41 @@
+/*------------------------------------------------------------------
+  	[Promo Section]
+------------------------------------------------------------------*/
+
+.promo-section {
+	@media (max-width: $screen-sm-max) {
+		.promo-section-col {
+			padding-top: 100px;
+			padding-bottom: 100px;
+		}
+	}
+
+	@media (min-width: $screen-md-min) {
+		@include position(relative);
+		height: $ver-center-block-height;
+		
+		.promo-section {
+			&-col {
+				width: 45%;
+			}
+
+			&-img-left {
+				@include position(absolute, $top: 0, $right: 50%);
+			}
+
+			&-img-right {
+				@include position(absolute, $top: 0, $left: 50%);
+			}
+		}
+		
+		.ver-center {
+			display: table;
+			height: $ver-center-block-height;
+			
+			&-aligned {
+				display: table-cell;
+				vertical-align: middle;
+			}
+		}
+	}
+}

web/construction/asentus/HTML/sass/gui/_service.scss

@@ -0,0 +1,34 @@
+/*------------------------------------------------------------------
+  	[Service]
+------------------------------------------------------------------*/
+
+.service {
+	background: $color-white;
+	padding: 50px;
+
+	.service-element,
+	.service-info {
+		@include translate3d(0,0,0);
+		@include cubic-transition($delay: 0, $duration: 300ms, $property: (all));
+	}
+
+	.service-icon {
+		display: block;
+		@include font($size: 30px);
+		color: $color-link-hover;
+		margin-bottom: 30px;
+	}
+
+	&:hover {
+		.service-element {
+			opacity: 0;
+			@include translate3d(0,-100%,0);
+			@include cubic-transition($delay: 0, $duration: 300ms, $property: (all));
+		}
+
+		.service-info {
+			@include translate3d(0,-30%,0);
+			@include cubic-transition($delay: 0, $duration: 300ms, $property: (all));
+		}
+	}
+}

web/construction/asentus/HTML/sass/gui/_work.scss

@@ -0,0 +1,42 @@
+/*------------------------------------------------------------------
+  	[Work]
+------------------------------------------------------------------*/
+
+.work {
+	position: relative;
+	
+	.work-overlay {
+		position: relative;
+
+		&:before {
+	        @include position(absolute, $top: 0, $left: 0);
+	        @include size(100%);
+	        @include bg-opacity(#000, 0);
+	        content: " ";
+	        @include cubic-transition($delay: 0, $duration: 300ms, $property: (all));
+	    }
+	}
+
+	.work-content {
+	    @include position(absolute, $bottom: 0, $left: 0);
+	    opacity: 0;
+		padding: 25px;
+		@include translate3d(0,20px,0);
+	    @include cubic-transition($delay: 0, $duration: 300ms, $property: (all));
+	}
+
+	&:hover {
+		.work-overlay {
+			&:before {
+		        @include bg-opacity(#000, .5);
+		        @include cubic-transition($delay: 0, $duration: 300ms, $property: (all));
+		    }
+		}
+
+		.work-content {
+			opacity: 1;
+			@include translate3d(0,0,0);
+		    @include cubic-transition($delay: 0, $duration: 300ms, $property: (all));
+		}
+	}
+}