HTML CSS examples for CSS Widget:Footer
Footer with title, content, links and copyright message
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css"> <style id="compiled-css" type="text/css"> #myFooter {<!-- w w w.j av a2s .com--> background-color:Chartreuse; } </style> </head> <body> <footer id="myFooter" class="page-footer"> <div class="container"> <div class="row"> <div class="col l6 s12"> <h5 class="white-text">Lorem ipsum do</h5> <p class="grey-text text-lighten-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ull</p> </div> <div class="col l4 offset-l2 s12"> <h5 class="white-text">Lorem</h5> <ul> <li> <a class="grey-text text-lighten-3" href="#!">Lorem </a> </li> <li> <a class="grey-text text-lighten-3" href="#!">Lorem </a> </li> <li> <a class="grey-text text-lighten-3" href="#!">Lorem </a> </li> <li> <a class="grey-text text-lighten-3" href="#!">Lorem </a> </li> </ul> </div> </div> </div> <div class="footer-copyright"> <div class="container"> Lorem ipsum dolor sit a <a class="grey-text text-lighten-4 right" href="#!">Lorem ipsu</a> </div> </div> </footer> </body> </html>