header-footer body

<!--MAKE SURE YOU IMPLEMENT IT IN YOUR HTML -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="logo.png" href="images/logo.png" >
<!--import google fonts & stars-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css" >
<link rel="stylesheet" href="footer.css" >

<!--HTML HEAD -->

<!--HTML BODY-->

<!--HEADER-->
    <header>
       
        <a href="#" class="logo"><img src="images/logo.png" alt="logo icon"></a>
        
         <nav class="navbar">
            <ul> 
                <li><a href="index.html"> Home </a></li>
             <li><a href="#"> OfferList </a></li>
            <li> <a href="#"> Settings </a>
                <ul>
                <li><a href="#"> view profile</a></li>
                 <li><a href="#"> delete account </a></li>
                </ul>
                <li><a href="#"> Sign out </a></li>
            </li>

        </ul>
         </nav>
    </header>


    <!-- footer -->
    <footer class="footer-distributed">

        <div class="footer-left">

            <img class="logo" src="images/logo.png" alt="Oun">

            <p class="footer-links">
                <a href="#" class="link-1">Home</a>
                <!--<a href="#">About</a>-->
                <a href="mailto:support@Ouun.com">Contact</a>
            </p>

            <p class="footer-company-name">Oun © 2022</p>
        </div>

        <div class="footer-center">

            <div>
                <i class="fa fa-map-marker"></i>
                <p><span>12534 AlOlaya st.</span> Riyadh , Saudi Arabia</p>
            </div>

            <div>
                <i class="fa fa-phone"></i>
                <p>+9669200000834</p>
            </div>

            <div>
                <i class="fa fa-envelope"></i>
                <p><a href="mailto:support@Ouun.com">support@Oun.com</a></p>
            </div>

        </div>

        <div class="footer-right">

            <p class="footer-company-about">
                <span>About us</span>
               Oun is an online platform that helps mothers find babysitters anytime and anywhere.
    </p>

        </div>

    </footer>