<div class="footer">
    <hr class="hr--left">
    <div class="footer--text">Designed and developed <br>
        by Dancau Sebastian <br>
        Copyright&#xa9; 2020<br>
        <a href="https://www.facebook.com/sebastian.dancau.9" target="_blank"><i class="fa fa-facebook"
                aria-hidden="true"></i></a>
        <a href="https://github.com/Ssebi1" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
        <a href="https://twitter.com/sebidancau1701" target="_blank"><i class="fa fa-twitter"
                aria-hidden="true"></i></a>
    </div>
    <hr class="hr--right">
</div>

<style>
    .footer {
        display: flex;
        flex-direction: row;
        margin-top: 100px;
        margin-bottom: 30px;
        ;
    }

    .footer--text {
        width: 20%;
        font-size: 15px;
        text-align: center;
    }

    .hr--left,
    .hr--right {
        width: 40%;
        height: 1px;
        margin-top: 35px;
    }

    a {
        color: black;
    }
</style>