How to create interactive static Footer

-

How to  create  interactive static Footer 


html {
    height: 100%;
}
body{
    position: relative;
    height: 100%;
    min-height: 100%;
}
.main-wrapper{
    min-height: 100%;
    position: relative;
}
.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}


   
       
           

               
               

           
        </
   


Comments

Post a Comment

Popular posts from this blog

Service worker fetch all data

-
main.js // Make Sure service work is supported if ( ' serviceWorker ' in navigator ){ console . log ( ' Service work is supported ' ); window . addEventListener ( ' load ' , () => { navigator . serviceWorker . register ( ' ./sw_cached_pages_V2.js ' ) . then ( reg => console . log ( " Service Worker: Registered " )) . catch ( err => console . log ( ` Service Worker: Error : ${ err } ` )) }) } sw_cached_pages_V2.js // Service Worker Fetch all data from sites const cacheName = " v2 " ; // call install Events self . addEventListener ( ' install ' , function ( event ) { }); // call Activate Events self . addEventListener ( ' activate ' , e => { console . log ( " ServiceWorker: Activated " ); e . waitUntil ( caches . keys (). then ( cacheNames => { return Promise . all ( ...
Read more

Angular 4 5 6 Interview Question

-
Angular 4-5-6 Interview Question /////////// Angualr 2/4/5/6/7 Interview Question /////////// 1.) What are the new features of Angular 4?     Revamped *ngIf and *ng For     Router ParamMap     TypeScript Compatibility     Animations Package     Dynamic Components     Angular Universal     Smaller and Quick     View Engine – AOT Compilation     Flat ES Modules (Flat ESM / FESM)     Source Maps for Templates 2.) Different between  Observable or Promise     Promise:         -A Promise handles a single event when an async operation completes or fails.         -usually only use with async data return         -not easy to cancel     Observable:         -are cancellable         -are retriable by nature such as retry and retryWhen     ...
Read more

Javascript Prototype to Class

-
Prototype /**         * Leve 0         */          function   Animal ( name ) {              let   obj   =  {};              obj . name   =   name ;              obj . myName   =   function () {                  console . log ( obj . name )             }              return   obj         }          let   dog   =   Animal ...
Read more