<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"> <div class="container-fluid" id="footer-container-fluid"> <div class="container"> <!---- for footer container ----> <div class="row"> <div class="col-lg-2 col-md-6 col-sm-12 col-xs-12"> <ul> <li class="title"> Product </li> <li> <a href="#"> Community </a> </li> <li> <a href="#"> Website widgets </a> </li> <li> <a href="#"> Emoticons </a> </li> <li> <a href="#"> Web design </a> </li> <li> <a href="#"> Graphics </a> </li> </ul> <ul> <li class="title"> Pro finder </li> <li> <a href="#"> About </a> </li> <li> <a href="#"> Cookies </a> </li> <li> <a href="#"> Private policy </a> </li> <li> <a href="#"> Terms and condition </a> </li> <li> <a href="#"> People </a> </li> <li> <a href="#"> Company </a> </li> </ul> </div> <div class="col-lg-2 col-md-6 col-sm-12 col-xs-12"> <ul> <li class="title"> SDk's </li> <li> <a href="#"> Php </a> </li> <li> <a href="#"> W3school </a> </li> <li> <a href="#"> Java </a> </li> <li> <a href="#"> Java script </a> </li> <li> <a href="#"> Mysql Database </a> </li> <li> <a href="#"> Bootstrap 4.0 Alpha </a> </li> </ul> <ul> <li class="title"> Support </li> <li> <a href="#"> Developers groups </a> </li> <li> <a href="#"> Bugs </a> </li> <li> <a href="#"> Official community </a> </li> <li> <a href="#"> Platform status </a> </li> </ul> </div> <div class="col-lg-2 col-md-6 col-sm-12 col-xs-12"> <ul> <li class="title"> Documentation </li> <li> <a href="#"> Learn API </a> </li> <li> <a href="#"> API version </a> </li> <li> <a href="#"> APi methods </a> </li> <li> <a href="#"> Data Types </a> </li> </ul> <ul> <li class="title"> Licenses </li> <li> <a href="#"> Bootsnip </a> </li> <li> <a href="#"> Boostrap 4.0</a> </li> <li> <a href="#"> Github </a> </li> <li> <a href="#"> Font Awesome.io 5 </a> </li> </ul> </div> <div class="col-lg-2 col-md-6 col-sm-12 col-xs-12"> <ul> <li class="title"> Find us on </li><br> <li> <a href="#"><button class="w3-button w3-circle w3-light-grey"> <i class="fa fa-facebook" aria-hidden="true"></i> </button></a> </li><br> <li> <a href="#"><button class="w3-button w3-circle w3-light-grey"> <i class="fa fa-twitter" aria-hidden="true"></i></button></a> </li><br> <li> <a href="#"><button class="w3-button w3-circle w3-light-grey"> <i class="fa fa-linkedin" aria-hidden="true"></i> </button></a> </li><br> </ul> </div> <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12"> <ul> <li class="address"> +(63) 2452 82763</li> <li class="address"> @profinder.com.ph </li> <li class="address"> profinder@gmail.com </li> </ul> <ul> <li class="address"> 3rd Block Makati, #403</li> <li class="address"> Phillippines </li> <li class="address"> Delware 1899 </li> </ul> <hr> </div> </div> </div> </div> <div class="container-fluid" id="sub-footer-container-fluid"> <footer class="my-5 text-center"> <!-- Copyright removal is not prohibited! --> <p class="mb-2"><small>COPYRIGHT © 2017. ALL RIGHTS RESERVED. BOOTSTRAP 4.0 TEMPLATE BY <a href="https://www.facebook.com/PampangaStateAgriU/">PAMPANGA STATE AGRICULTURAL UNIVERSITY BSIT 3D</a></small></p> <small> <a class="m-2">DEVELOPERS</a> </small> <small> <a href="https://www.facebook.com/JheanYu" target="_blank" class="m-2">@JEAN NIRO</a> <a href="https://www.facebook.com/dungcajustin" target="_blank" class="m-2">@JUSTINE_DUNCGA</a> <a href="https://www.facebook.com/Miserable.Vanilla" target="_blank" class="m-2">@VAN IMTRAMPAS</a> </small> <!-- Copyright removal is not prohibited! --> </footer> </div>

#footer-container-fluid { background-image: url("../images/"); background-color:white; background-attachment:scroll; background-repeat:no-repeat; background-position:center; background-size:cover; margin-left:100px; margin-right:100px; padding:50px; } #footer-container-fluid li { list-style-type:none; color:#098c9c; font-size:10px; } #footer-container-fluid ul .title { color:black; font-size:15px; } #footer-container-fluid ul .address { color:#607d8bad; }