The footer i used on the blog - https://www.codesimple.info/

footer.html

<style>
footer{
	
}

.footer-distributed{
	background-color: #292c2f;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;

	padding: 55px 50px;
	margin-top: 80px;
}


.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}


.footer-distributed .footer-left{
	width: 40%;
}

.footer-distributed h3{
	color:  #ffffff;
	font: normal 36px 'Cookie', cursive;
	margin: 0;
}

.footer-distributed h3 span{
	color:  #5383d3;
}

.footer-distributed .footer-links{
	color:  #ffffff;
	margin: 20px 0 12px;
	padding: 0;
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}


.footer-distributed .footer-company-name{
	color:  #8f9296;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}
.footer-distributed .footer-center{
	width: 35%;
}

.footer-distributed .footer-center i{
	background-color:  #33383b;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

.footer-distributed .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}

.footer-distributed .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}

.footer-distributed .footer-center p a{
	color:  #5383d3;
	text-decoration: none;;
}

.footer-distributed .footer-right{
	width: 20%;
}

.footer-distributed .footer-company-about{
	line-height: 20px;
	color:  #92999f;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}

.footer-distributed .footer-company-about span{
	display: block;
	color:  #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer-distributed .footer-icons{
	margin-top: 25px;
}

.footer-distributed .footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #33383b;
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 3px;
	margin-bottom: 5px;
}
@media (max-width: 880px) {
.footer-distributed{
		font: bold 14px sans-serif;
	
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}

	.footer-distributed .footer-center i{
		margin-left: 0;
	}
}

</style>
		
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" />
    <link href="http://fonts.googleapis.com/css?family=Cookie" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="style.css" />
 
		<footer class="footer-distributed">
 
		<div class="footer-left">
 
		<h3>Code<span>Simple</span></h3>
 
		<p class="footer-links">
		<a href="http://www.codesimple.info/">Home</a>
	·
		<a href="http://www.codesimple.info/p/disclaimer-for-codesimple-if-you_22.html">Disclaimer</a>
	·
		<a href="http://www.codesimple.info/p/privacy-policy.html">Privacy Policy</a>
	·
		<a href="http://www.codesimple.info/p/about.html">About</a>
		<a href="http://www.codesimple.info/p/contact.html">Contact</a>
.
<a href="https://www.termsandconditionsgenerator.com/live.php?token=kAUGkg1xorXG59fEpZCJlIrUXjKL460z">Terms and conditions</a>
		</p>

 
		<p class="footer-company-name">codesimple &copy; 2019</p>
		</div>
 
		<div class="footer-center">
 
		<div>
		<i class="fa fa-map-marker"></i>
		<p><span>810 Ramnagar</span> Chennai, India</p>
		</div>
 
		<div>
		<i class="fa fa-phone"></i>
		<p>+91 9791 684645</p>
		</div>
 
		<div>
		<i class="fa fa-envelope"></i>
		<p><a href="mailto:codesimpleblog@gmail.com">codesimpleblog@gmail.com</a></p>
		</div>
 
		</div>
 
		<div class="footer-right">
 
		<p class="footer-company-about">
		<span>About the company</span>
	CodeSimple is a blog for web designers, backend developers, pythonists and web developers.
		</p>
 
		<div class="footer-icons">
 
		<a href="https://www.facebook.com/allwin.dicaprio"><i class="fa fa-facebook"></i></a>
		<a href="https://twitter.com/codesimple1"><i class="fa fa-twitter"></i></a>
		<a href="https://www.linkedin.com/authwall?trk=gf&trkInfo=AQFcJ27hNoHeoQAAAW3u_kAYabO8-jSVi3CugeobJIgmspODCcLUlJTr4rnIMtbfatZi_lvPgsM6Lt6F0vWY1wbO78lFHsrvBdqjkNiGTLraEfEpSgr_19S4BMcPGz9yKx3TRds=&originalReferer=http://allwinblog.pythonanywhere.com/hi/&sessionRedirect=https%3A%2F%2Fwww.linkedin.com%2Fin%2Fallwin-raju-18748b156%2F"><i class="fa fa-linkedin"></i></a>
		<a href="https://github.com/Allwin12"><i class="fa fa-github"></i></a>
 
		</div>
 
		</div>
 
		</footer>