CSS Footer


Go to main Page

Footer in CSS



Example


    <!DOCTYPE html>
<html>
<head>
  <title>ITDesigners</title>
<style type="text/css">
  *{
    margin: 0;
    padding: 0;
  }
  body{
    text-align: center;
    font-family: sans-serif;
  }
  #flexcontainer{
    display:flex;
    align-items: center;
    flex-direction: row;
  }
  #one{
    width:33.33%;
    height: 200px;
    background-color: black;
    color:white;
    text-align: center;
  }
  a{
    color: white;
    font-size: 18px;

  }
  a:hover{
    color:orangered;
  }
</style>
</head>
<body>
  <h1>Footer</h1>
<div id="flexcontainer">
  <div  id="one">
    <h1>LOGO</h1>
    <br><br>
    [email protected]</h5>
    <br>
    <h5>Facebook</h5><br>
    <h5>Youtube</h5><br>
  </div>
  <div id="one">
    <br><br>
    <h4>All rights are reserved by @ITDesigners</h4>

  </div>
  <div id="one">
    <br><br><br>
    <a href=""><h5>visit Profile</h5></a>
    <br>
  <a href=""><h5>visit facebook</h5></a>
  <br>
  <a href=""><h5>visit fiverr</h5></a>
  <br>
  </div>
</div>
</body>
</html>