Below is the example to create footer for the website. The Feedback & Suggestions and FAQs are links.
<style>
.right{
float:right;
color:white;
}
.left{
float:left;
color:white;
}
p#footer{
height: 20px;
background: black;
background: rgba(0, 0, 0, 0.9);
font-family: arial;
font-size: 15px;
padding:10px;
}
a{
color:white;
text-decoration: none;
}
a:visited{ color: white; text-decoration: none;}
a:hover{ color: white; text-decoration: none;}
a:active{ color: white; text-decoration: none;}
</style>
<p id="footer">
<span class="left"><a href="https://tutorials4sharepoint.wordpress.com/" target="_blank">Feedback & Suggestions</a> |
<a href="https://tutorials4sharepoint.wordpress.com/" target="_blank">FAQs</a> </span>
<span class="right">© All Right Reserverd.</span>
</p>
Below is how this footer will look like:

If you want the links to have an underline and change color when visited, just remove text-decoration style and change other attributes of anchor tag.