footer.php

<hr class="my-4">

<div style="width: auto !important;" class="container-fluid padding" id="social">
    <div class="row text-center padding" >
        <div class="col-12">
            <h2>connect</h2>
        </div>
        <div class="col-12 social padding">
            <a href="https://www.facebook.com/"><i class="fab fa-facebook"></i></a>
            <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
            <a href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a>
            <a href="https://www.youtube.com/"><i class="fab fa-youtube"></i></a>
        </div>
    </div>



</div>

</body>

<footer>
    <div class="contanier-fluid padding">
        <div class="row text-center" style="margin-right: 0 !important; padding-right: 0 !important;">
            <div class="col-md-4">
                <img id="logof" src="css/img/logo.png">
                <hr class="light">
                <p>+212 655-555555</p>
                <p>GameBoard@email.me</p>
                <p>100 Street </p>
                <p>CasaBlanca ,Morocco</p>
            </div>
            <div class="col-md-4">
                <hr class="light">
                <h5>Our Hours</h5>
                <hr class="light">
                <p>Monday: 9am - 5pm</p>
                <p>Saturday: 10am - 4pm</p>
                <p>Sunday: closed</p>
            </div>
            <div class="col-md-4">
                <hr class="light">
                <h5>Service area</h5>
                <hr class="light">
                <p>Marrakesh</p>
                <p>Fes</p>
                <p>Rabat</p>
                <p>CasaBlanca</p>
            </div>
            <div class="col-12">
                <hr class="light-100">
                <h5>&copy; GameOn.com</h5>
            </div>
        </div>

    </div>

</footer>

</html>