JSFiddle - React, Tailwind, and code Playground

HTML

<footer>
			<div class="container">
				
				<div class="row">	
						<ul class="footer-nav">
							<li><a href="#todo1">
                          <img alt="and app"
                               src="img/app_android.png" />
                        </a></li>
                        									
						<li><a href="#todo2">
                          <img alt="iOS app"
                               src="img/app_apple.png" />
                        </a></li>
						
						<li><a href="#todo2">
                          <img alt="win app"
                               src="img/app_microsoft.png" />
                        </a></li>
						</ul>
						</div>
						<div class="row">	
					<p>© webservice 2015 - <a href="#">Terms and conditions</a> | <a href="#">Privacy Policy</a></p>
				</div>
			</div>
		</footer>

CSS

footer {
    padding: 50px 0
}
footer h1{
	color: #24374b;
    font-size: 16px;
}
footer p {
    color: #c7cacc;
    font-size: 12px;
}
footer ul {
    margin-top: 30px
}
footer li {
	float: none;
    display: inline-block;
	text-align: center;
    margin-right: 10%;
    text-transform: uppercase;
    font-weight: 400;
}
footer a {
    color: #08c;
}
footer a:hover{
    color: #c7cacc;
}
footer li:last-child {
    margin-right: 0
}