<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <footer> <div class="text-white bg-dark" draggable="true" > <div class="container"> <div class="row"> <div class="p-5 col-md-3"> <img src="http://radio.igrejaapostolica.org/img/rw_logo.png" width="120" /> <h4 class="mb-4 marge">Rádio<br> Bootsnipp</h4> <ul class="list-unstyled marge"> <a href="/" class="text-white">Home</a> <br> <a href="radio" class="text-white">A Rádio</a> <br> <a href="eventos" class="text-white">Eventos</a> <br> <a href="fotos" class="text-white">Fotos</a> <br> <a href="videos" class="text-white">Videos</a> <br> <a href="contato" class="text-white">Fale Conosco</a> </ul> </div> <div class="p-5 col-md-4"> <h3 class="mb-4">Últimas Notícias</h3> "<i>Here you can insert the latest news from your business. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</i>"              <br> <br> <br>" <i>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat</i>"</p> </div> <div class="p-5 col-md-5"> <h3>Anuncie Aqui</h3> <p>Quer divulgar sua marca ou Produto? A rádio Bootsnipp é o canal certo para conectar você ao público em busca de novidades. <br>Então entre agora mesmo em contato e venha fazer parte dessa família.</p> <h3 class="mt-5">Redes Sociais</h3> <div class="align-self-center col-12 my-4"> <a href="<?php echo $config_site['facebook']; ?>" target="_blank"> <i class="fa fa-facebook d-inline fa-lg mr-3 text-face"></i> </a> <a href="https://twitter.com" target="_blank"> <i class="fa fa-twitter d-inline mx-3 fa-lg text-twi"></i> </a> <a href="<?php echo $config_site['instagram']; ?>" target="_blank"> <i class="fa fa-instagram d-inline mx-3 fa-lg text-inst"></i> </a> <a href="https://plus.google.com" target="_blank"> <i class="fa fa-google-plus-official d-inline mx-3 fa-lg text-goo"></i> </a> <a href="<?php echo $config_site['youtube']; ?>" target="_blank"> <i class="fa fa-youtube d-inline mx-3 fa-lg text-you"></i> </a> </div> <div class="" style="margin-left: 30%;"> <a href="#" target="_blank" title="Agencia DP"> <img src="https://cdn-images-1.medium.com/max/1024/1*9HanDsRU11ZMsgDGJwN96w.png" style="width: 50px !important; height: 50px !important"></a> </div> </div> </div> <div class="row"> <div class="col-md-12 mt-3"> <p class="text-center">© Copyright 2018 Rádio Bootsnipp - Todos os Direitos Reservados. </p> </div> </div> </div> </div> </footer>

.bg-dark{ background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTY7W96E14HklVnIHTlphJhaaqk7ftXJugAOVRKvuf-YHZbLfVT) no-repeat center; background-size: cover; } a i{ color:#fff; }