footer.php

<footer>
    <div class="top">
        <div class="container-fluid p-0">
            <div class="row text-left">
                <div class="col-md-5 col-md-5">
                    <h4 class="text-dark">Who are we?</h4>
                    <p class = "text-muted">
                        <br>Soenify is an e-commerce website. It will include many features and products.
                        The team is available 24/7 for any occurring issues.</br>
                    </p>
                </div>

                <div class="col-md-5 col-sm-12">
                    <h4 class="text-dark">Stay in the know</h4>
                    <p class="p-0 text-muted">Join our mailing list to get exclusive deals</p>
                    <form class="form-inline">
                        <div class="col pl-0">
                            <div class="input-group pr-5">
                                <input type="text" class="form-control bg-light text-white" id="inlineFormInputGroupUsername2" placeholder="Email">
                                <div class="input-group-prepend">
                                    <div class="input-group-text">
                                        <i class="fas fa-arrow-right"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                    <p class="text-muted">You may unsubscribe at any time.</p>
                </div>

                <div class="col-md-2 col-sm-12">
                    <h4 class="text-dark">Follow Us</h4>
                    <p class="text-muted">Lets keep in touch</p>
                    <div class="column text-dark">
                        <i class="fab fa-facebook"></i>
                        <i class="fab fa-instagram"></i>
                        <i class="fab fa-twitter"></i>
                        <i class="fab fa-youtube"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="container-fluid p-0">
            <div class="bottom row text-left">
                <div class="col-md-3 col-sm-12">
                    <h4 class="pt-3 text-light"><br>Customer Service</br></h4>
                    <a href="../pagenotfound.php" class="text-muted">Help</a>
                    <a href="../pagenotfound.php" class="text-muted"><br>Product Recalls</br></a>
                    <a href="../pagenotfound.php" class="text-muted">Shipping & Returns</a>
                    <a href="../pagenotfound.php" class="text-muted"><br>Contact Us</br></a>
                </div>
                <div class="col-md-3 col-sm-12">
                    <h4 class="pt-3 text-light"><br>About Us</br></h4>
                    <a href="../pagenotfound.php" class="text-muted">Our Company</a>
                    <a href="../pagenotfound.php" class="text-muted"><br>Careers</br></a>
                    <a href="../pagenotfound.php" class="text-muted">Privacy Policy</a>
                    <a href="../pagenotfound.php" class="text-muted"><br>Terms of Use</br></a>
                </div>

                <div class="bottom right mx-auto">
                    <div class="logo">   <a href="index.html"> <img src="../img/logotrans.png" width="382.875" height = "144.375" alt=""></a></div>
                </div>

            </div>
        </div>
        <div class="text-center">
            <a class = "pt-2 text-muted" style="display: inline-block;">
                Copyright @2022 All rights reserved Soenify </a>
        </div>
    </div>
</footer>
<!--End of footer-->
<!--Link to JS-->
<!--<script src="../js/cart.js"></script>-->
<script src="../js/script.js"></script>
<script src="../js/products.js"></script>
<script src="js/jquery-3.0.0.min.js"></script>
</body>
</html>