"footer with menu and social media by font awesome"
Bootstrap 4.0.0 Snippet by StanArnau

<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 ----------> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous"> <!-- font awesome --> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous"> </head> <body> <div id="justpushtobottom"> </div> <footer class="footer p-t-1"> <div class="container"> <div class="pull-right"> <nav class="navbar" style="background:transparent; color: black;"> <nav class="nav navbar-nav pull-xs-left"> <a class="nav-item nav-link" href="#">Home</a> <a class="nav-item nav-link" href="#">About</a> <a class="nav-item nav-link" href="#">Download App</a> <a class="nav-item nav-link" href="#">Help</a> </nav> </nav> </div> <a href="#"><i class="fa fa-facebook-official fa-2x"></i></a> <a href="#"><i class="fa fa-pinterest-p fa-2x"></i></a> <a href="#"><i class="fa fa-twitter fa-2x"></i></a> <a href="#"><i class="fa fa-flickr fa-2x"></i></a> <a href="#"><i class="fa fa-linkedin fa-2x"></i></a> <p class="h6"> Powered by ParadigmOz.com <a href="http://www.paradigmOz.com" target="_blank"></a> </p> </div> </footer> </body>
footer { background-color: black; } #justpushtobottom { height: 82vh; }

Related: See More


Questions / Comments: