<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 href="https://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css" rel="stylesheet"> <!--footer start from here--> <!--footer start from here--> <div class="copyright"> <div class="container"> <div class="col-md-6"> <p>Project 4</p> </div> <div class="col-md-6"> <ul class="bottom_ul"> <li>CMSC 3413</li> <li>Enterprise Programming</li> <li>Spring 2017</li> <li>Todd Bradshaw</li> </ul> </div> </div> </div>

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300); footer { background-color:#0c1a1e; min-height:350px; font-family: 'Open Sans', sans-serif; } .paddingtop-bottom { margin-top:50px;} .footer-ul { list-style-type:none; padding-left:0px; margin-left:2px;} .footer-ul li { line-height:29px; font-size:12px;} .footer-ul li { color:white; transition: color 0.2s linear 0s, background 0.2s linear 0s; } .footer-ul i { margin-right:10px;} .footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#FFF; } .copyright { min-height:40px; background-color:#000000;} .copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;} .bottom_ul { list-style-type:none; float:right; margin-bottom:0px;} .bottom_ul li { float:left; line-height:40px;} .bottom_ul li:after { content:"|"; color:white; margin-right:8px; margin-left:8px;} .bottom_ul li a { color:#FFF; font-size:12px;}