JSFiddle - React, Tailwind, and code Playground

by sinju

HTML

<div class='contentFake'>
  <div class='footerContent'>
    <p>
      <font face="Helvetica" size="2" color="white">
        <font size="5" face="Indie Flower"><strong>THIS IS FOOTER</strong></font> <br />
        <a href="index.html">Home</a><br />
        <a href="BLOG.html">Blog </a><br />
        <a href="PHOTOS.html">Photo Feed </a><br />
        <a href="VLOGS.html">Vlogs </a><br />
        <a href="VIDEO.html">Farewell </a><br />
        <a href="#">BACK TO TOP </a><br /> © Jack Champions FOOTER All Rights Reserved 2017</font>
    </p>
  </div>
</div>

CSS

.contentFake{
            background-color: #333;
            height: 200px;
        }

        .footer{
            width: 100%;
            position: fixed;
            margin-bottom: 0px;
            height: 80px;
            background-color: #1A1A1A;
            display: block;
        }

        .footerContent{
            width: 80%;
            margin: auto;
            padding: 20px;
            text-align: center;
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
            border: none;
        }