iamirulofficial/footer.html

## footer.html
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<link rel="stylesheet" type="text/css" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
<style type="text/css">
.footer-main-div{
	width: 100%;
	height: auto;
	margin: auto;
	background: #272727;
	padding: 10px 0px;
}
.footer-social-icons ul{
	margin: 0px;
	padding: 0px;
	text-align: center;

}
.footer-social-icons ul li{
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 0px 10px;
	border-radius: 100%;
	background: #45e19f;
}
.footer-social-icons ul li a{
	color: #272727;
	font-size: 25px;
}
.footer-social-icons ul li a i{
	line-height: 50px;
}
.footer-menu-one{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
}
.footer-menu-one ul{
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.footer-menu-one ul li{
	display: inline-block;
	margin: 0px 20px;
}
.footer-menu-one ul li a{
	font-family: arial;
	font-size: 10px;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
}
.footer-menu-one ul li a:hover{
	background-color:rgb(245,246,251);
color:rgb(12,100,198);

}
.footer-bottom{
	width: 100%;
	height: auto;
	margin: auto;
	background: #45e19f;
	padding: 10px 0px;
}
.footer-bottom p{
	font-family: arial;
	font-size: 14px;
	text-align: center;
	color: #fff;
	letter-spacing: 1.5px;
}
</style>
</head>
<body>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<div class="footer-main-div">
		<div class="footer-social-icons">
			<ul>
				<li><a href="#" target="blank"><i class="fab fa-facebook"></i></a></li>
				<li><a href="#" target="blank"><i class="fab fa-twitter"></i></a></li>
				<li><a href="#" target="blank"><i class="fab fa-instagram"></i></a></li>
				<li><a href="#" target="blank"><i class="fab fa-google-plus"></i></a></li>
			</ul>
		</div>
		<div class="footer-menu-one">
			<ul>
				<li><a href="#">HOME</a></li>
				<li><a href="#">NEWS</a></li>
				<li><a href="#">IMAGES</a></li>
				<li><a href="#">Type2</a></li>
				<li><a href="#">Type3</a></li>
				<li><a href="#">CONTACT-US</a></li>
				<li><a href="#">PRIVACY-POLICY</a></li>
			</ul>

		</div>
	</div>
	<div class="footer-bottom">
		<p>Copyright &copy xyz.Com</p>
	</div>
</div>

</body>
</html>