footer.php

<div class="footer">
    <div class="inner-footer">
      <div class="footer-items">
        <h1 style="padding:10px 0;font-size:25px ;color:#fff; text-transform:uppercase">Creative Bakers PLC</h1>
        <p>We provide you best of our products with the real sri lankan taste.
        Outlets all around the country will always ready fulfill your tasty</p>
      </div>

      <div class="footer-items">
        <h2>Quick Links</h2>
        <div class="border"></div>
          <ul>
            <a href="main.php"><li>Home</li></a>
            <a href="Login.php"><li>Login</li></a>
            <a href="signup.php"><li>Logout</li></a>
            <a href="about.php"><li>About Us</li></a>
          </ul>
      </div>

      <div class="footer-items">
        <h2>Contact Us</h2>
        <div class="border-footer"></div>
          <ul>
            <li><i class="fa fa-map-marker" aria-hidden="true"></i>-DCS,Universiry of Ruhuna,Matara</li>
            <li><i class="fa fa-phone" aria-hidden="true"></i>-0771930848</li>
            <li><i class="fa fa-envelope" aria-hidden="true"></i>-creativebakers@gmail.com</li>
          </ul>
          <div class="socialmedia">
            <a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a>
            <a href=""><i class="fa fa-instagram" aria-hidden="true"></i></a>
            <a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a>
            <a href=""><i class="fa fa-google-plus" aria-hidden="true"></i></a>
          </div>

      </div>
    </div>

    <div class="footer-bottom">
      <div align="center">
      <p style="font-size:12px">Copyright &copy Creative Bakers PLC.All rights reserved.</p>
      </div>
    </div>
  </div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
  </body>
</html>