Footer design bootstrap 4 using HTML CSS

<footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-5 col-sm-12">
                        <div>
                            <div class="footer-logo"><h2>Tolmatol</h2></div>
                            <p><strong>Email: </strong><a href="mailto:website@domain.com">website@domain.com</a></p>
                            <p><strong>Phone: </strong><a href="tel:+911234123123">+91 1234 123 123</a></p>
                        </div>
                </div>

                <div class="col-lg-8 col-md-7 col-sm-12">
                        <div class="row">
                            <div class="col-md-6 col-lg-4 col-sm-6">
                                <h6>Abouts us</h6>
                                <ul>
                                    <li><a href="">Company</a></li>
                                    <li><a href="">Leadership</a></li>
                                    <li><a href="">Diversity</a></li>
                                    <li><a href="">Jobs</a></li>
                                    <li><a href="">Press</a></li>
                                </ul>
                            </div>
                            <div class="col-md-6 col-lg-4 col-sm-6">
                                <h6>Workflow Solutions</h6>
                                <ul>
                                    <li><a href="">Project Management</a></li>
                                    <li><a href="">Services</a></li>
                                    <li><a href="">Task Management</a></li>
                                    <li><a href="">Another services</a></li>
                                    <li><a href="">See all links</a></li>
                                </ul>
                            </div>
                            <div class="col-md-6 col-lg-4">
                                <h6>Team Solutions</h6>
                                <ul>
                                    <li><a href="">Developers</a></li>
                                    <li><a href="">Desginer</a></li>
                                    <li><a href="">Angular developer</a></li>
                                    <li><a href="">Project Manage</a></li>
                                    <li><a href="">View all project</a></li>
                                </ul>
                            </div>
                        </div>
                </div>
                
            </div>
        </div>
    </footer>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <style>
        footer { background: #eff2f9; padding: 80px 0px; font-family: Arial, Helvetica, sans-serif;}
        footer .footer-logo h2 { color: #333; font-weight: 600; font-size: 35px; margin-bottom: 30px;}
        footer ul { margin: 0; padding: 0;  list-style: none;}
        footer ul li { margin-bottom: 8px; font-size: 15px;}
        footer ul li a { color: #333; position: relative;  }
        footer ul li a:hover { text-decoration: none;}
        footer ul li a:after { position: absolute; transition: ease 0.5s; content: ''; left: 0px; width: 0%; height: 2px; background: #007bff; bottom: -5px; }
        footer ul li a:hover:after { text-decoration: none; display: block; width: 100%;   }
        footer h6 { margin: 0px 0px 40px; font-weight: 600;}
    </style>