$(document).ready(function() {
$('.hide-img').hide();
$('#content').hide();


 function showContent(){

  $('#content').show();  
    $('#content').animate({ 
           left: 0 }, {
    duration: 'fast',
    easing: 'easeOutBack',
    complete: function() { 
        
        function showHuman(){
                
                $('#human').animate({ 
                       opacity: 1 }, {
                duration: 1000,
                easing: 'easeOutBack',
                complete: function() { 
                setTimeout(moveLinks,10);
                }
                
                });
        }
        
            setTimeout(showHuman,300);         
    }
    
    });
        }
        
  setTimeout(showContent,1000);
    









    function moveLinks(){
            $('#seach-M').show();            
                
                     $('#seach-M').animate(
              { right: 0 }, {
                   duration: 'fast',
                    easing: 'easeOutBack',
                     complete: function() {     
                                               
                                                 function socialmedia(){
                                                      $('#socialmedia-img').show();  
                                                      $('#socialmedia-img').animate({ 
                                                        right: 0 }, {
                                                        duration: 'fast',
                                                        easing: 'easeOutBack',
                                                        complete: function() { // the callback
                                                                            function D(){
                                                                              $('#cap-d').show();  
                                                                              $('#cap-d').animate({ 
                                                                                right: 0 }, {
                                                                                duration: 'fast',
                                                                                easing: 'easeOutElastic',
                                                                                complete: function()  { // the callback
                                                                                                function design(){
                                                                                                  $('#design-img').show();  
                                                                                                  $('#design-img').animate({ 
                                                                                                    right: 0 }, {
                                                                                                    duration: 'fast',
                                                                                                    easing: 'easeOutElastic',
                                                                                                    complete: function() { // the callback
                                                                                                                        function development(){
                                                                                                                          $('#development-img').show();  
                                                                                                                          $('#development-img').animate({ 
                                                                                                                            right: 0 }, {
                                                                                                                            duration: 'fast',
                                                                                                                            easing: 'easeOutElastic'
                                                                                                                           });
                                                                                                                        }
                                                                                                                        setTimeout(development,100);
                                                                                                                    }   
                                                                                                   });
                                                                                                }
                                                                                                setTimeout(design,100);
                                                                                            }   
                                                                               });
                                                                            }
                                                                            setTimeout(D,200);
                                                                        }                       
                                                                    
                                                       });
                                                   }
                                                   setTimeout(socialmedia,300);
                                                }
                });
    }
    
      
});