<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <footer class="footer"> <br /> <div class="container"> <div class="row"> <div class="col menu"> <ul> <li class="foot"> <a href="index.html">HOME</a> <li class="foot"> <a href="contractors.html">FOR CONTRACTORS</a> </li> <li class="foot"> <a href="homeowners.html">FOR HOMEOWNERS</a> </li> <li class="foot"> <a href="contact.html">CONTACT</a> </li> </ul> </div> <div class="col address"> <h6>C & H CONCRETE, INC.</h6> <p> 123 main st.<br /> anywhere, USA 12345 </p> <h5>tel: 555-212-2121<br />email: concrete@aol.com</h5> </div> </div> <br /> <div class="row rowcopy justify-content-center"> <p class="copy"> &copy2020 C & H Concrete, Inc. <br /> Content, including images, displayed on this website is protected by copyright laws. Downloading, republication, retransmission or reproduction of <br />content on this website is strictly prohibited. <a href="">Terms of Use </a> | <a href="">Privacy Policy</a> </p> </div> </div> </footer>

h6 { font-size: 18px; margin: 0; } .footer { background: #252f76; color: white; object-fit: scale-down; } .foot>a { color: white; } ul { list-style-type: none; } .address { border-left: 1px solid white; height: auto; } .copy { padding-top: 1rem; font-size: 14px; } .rowcopy { border-top: 1px solid white; text-align: center; } .menu { text-align: right; } .social a { text-decoration: none; } ul.media li a { display: inline; padding: .5rem; color: white; } ul.media li a:hover { color: c7c7c7; }