JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<body>    
        <footer class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-xs-6 col-sm-4">
                        <h4>Information</h4>  
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <h4>My Account</h4>                    
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <h4>Contact Us</h4>              
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-6 col-sm-4">
                        <p>
                           <a href="#">About Us</a><br>
                           <a href="#">Contact Us</a>
                        </p>  
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <p>
                           <a href="#">Login</a><br>
                           <a href="#">Signup</a>
                        </p>                    
                    </div>
                    <div class="col-xs-6 col-sm-4">
                        <p>Contact: +91-9742485069</p>              
                    </div>
                </div>                
            </div>                                       
        </footer>
</body>

CSS

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js');

.footer
{
    background-color: #444444;
    color: #ffffff;
}

.footer a:hover a:active
{
    text-decoration: none !important;
}

.footer a { color: #fff; }
.footer a:hover { text-decoration: none; }