header,slider,footer Mamedov Nicat

assets/sass/partials/_aboutUs.scss

@@ -0,0 +1,50 @@
+hr{
+	width:50px;
+	height:3px;
+}
+button{
+	width:550px;
+	height:45px;
+}
+.ourMission {
+	h1{
+		font-size:$avarageFontSize
+	}
+	button{
+		margin:15px 0;	
+		h4{
+			float:left;
+			display: inline;
+		}
+		i{
+			float:right;
+			color:$mainColor
+		}
+	}
+}
+.ourStatics{
+	h1{
+		font-size:$avarageFontSize
+	}
+	div{
+		width: 170px;
+		height: 130px;
+		background-color:$mainColor;
+		float:left;
+		border-radius: 3px;
+		margin:2px;
+		transition-delay:0.1s;
+		transition:all 0.3s ease;
+		&:hover{
+			background-color: #414547
+		}
+		h1 , p {
+			color:white;
+			text-align:center
+		}
+		h1{
+			font-size:3em;
+			font-weight:700
+		}
+	}
+}

assets/sass/partials/_article.scss

@@ -0,0 +1,55 @@
+$mainHeight:275px;
+$littleFontSize:15px;
+$avarageFontSize:20px;
+$mainColor:#31A3DD;
+.iconContentAwesome{
+	font-family: FontAwesome ;
+	font-size:3em;
+	color:#F1F1F1;
+	background-color:white;
+	position:relative;
+	bottom:30px;
+	padding:0 10px;	
+	transition:all 0.5s ease;
+	transition-delay:0.1s
+}
+#article{
+	height:auto;	
+	.row{
+		div{
+			width:350px;
+			height: 170px;
+			border:3px solid #F1F1F1;
+			float:left;
+			margin:20px;
+			transition:all 0.2s ease;
+			h1{
+				font-size:20px;
+				margin:0
+			}
+			p{
+				color:#555555
+			}
+			&:first-child:before{
+				content:"\f108";
+				@extend .iconContentAwesome;	
+			}
+			&:nth-child(2):before{
+				content:"\f0eb";
+				@extend .iconContentAwesome
+			}
+			&:last-child:before{
+				content: "\f121";
+				@extend .iconContentAwesome
+			}
+			&:hover{
+				border:3px solid #31A3DD;
+				&:first-child:before , &:nth-child(2):before , &:last-child:before{
+					color:#31A3DD;
+					bottom:40px;
+				}
+
+			}
+		}
+	}
+}

assets/sass/partials/_customer.scss

@@ -0,0 +1,29 @@
+$mainHeight:275px;
+$littleFontSize:15px;
+$avarageFontSize:20px;
+$mainColor:#31A3DD;
+
+#customer {
+	width:100%;
+	height:$mainHeight;
+	background:black url('../../images/demo-2.png') repeat center;
+	background-size:contain;
+	h1{
+		color:#555555;
+		font-weight:600;
+	}
+	i{
+		padding:25px 0px 10px;
+	}	
+	p , i{
+		color:#999999
+	}
+	p{
+		font-size: $littleFontSize;
+		span{font-weight:600;}
+		&:nth-child(2){
+			font-size:0.9em;
+		}
+	}
+}
+

assets/sass/partials/_footer.scss

@@ -0,0 +1,49 @@
+#footer{
+	background-color:#414547;
+	height:400px;
+	color: #c2c2c2;
+
+	div:first-child{
+		display: block;
+		margin-top:30px;
+
+
+			h5{
+				color: white;
+			}
+	}
+	.secondpart{
+		min-height: 50px;
+		display: block;
+		margin-left:25px;
+
+			img{
+				float: left;
+				padding:0 5px;
+			}
+
+			span, .title{
+				color: white;
+			    border-bottom: 2px solid #31A3DD;
+			    padding-bottom: 11px;
+			    text-transform: uppercase;
+			}
+			a{
+				color: white;
+				text-decoration:none;
+				font-size: 1.2em;
+			}
+			.button, input{
+				display: block;
+				width: 100%;
+				margin-bottom: 10px;
+			}
+			.button.medium, input {
+    			padding: 0px 30px 9px;
+			}
+			.button.color {
+    			background-color: #31A3DD;
+    			color: #fff;
+			}
+	}
+}

assets/sass/partials/_header.scss

@@ -0,0 +1,47 @@
+#header{
+
+	.col-md-2{
+		padding: 10px;
+		height: 100%;
+		border:1px solid #F1F1F1;
+	i{
+		color:#999999;
+	}
+	}
+	.contact div{
+		padding: 10px;
+		height: 100%;
+		border:1px solid #F1F1F1;
+		color:#999999;
+	}	
+	.toolbar{
+		border:fixed;
+
+		div:first-child{
+			margin: 0 auto;
+			padding:0 auto;
+		}
+		div:nth-child{
+			padding:20px;
+
+		}
+		.col-md-2{
+			padding:0;
+			border:none;
+
+			img{
+				margin: 5px 20px;
+			}
+		}
+		a:hover{
+			background: #31A3DD;
+			border-radius:15px;
+			color: white;
+		}
+		ul{
+			margin:30px 60px;
+			border-radius:50%;
+		}
+	}
+
+}

assets/sass/partials/_slider.scss

@@ -0,0 +1,21 @@
+#slider{
+	h3{
+		color:black;
+	}
+
+	span{
+		font-size: 1em;
+		color: black;
+
+	}
+	.margin{
+		font-size: 1.5em;
+		margin: 0 0 100px 200px;
+		color: white;
+
+		p{
+			color: #31A3DD
+		}
+	}
+
+}