add header-footer-layout example along with directive enhancements