Create Footer for your WebSite

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 &amp; Suggestions</a> | 
      <a href="https://tutorials4sharepoint.wordpress.com/" target="_blank">FA​Qs</a> </span>
   <span class="right">&copy; 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.

Unknown's avatar

Author: Akanksha Gupta

I am a developer and working on SharePoint and Project Server in an MNC. I have more than 10 years of experience in the same field.

Leave a comment

Power Platform Academy

Start or Upgrade your Career with Power Platform

Learn with Akanksha

Python | Azure | AI/ML | OpenAI | MLOps

Design a site like this with WordPress.com
Get started