html側滑頁面标題

小白一枚 如有代码不规范或者写错的地方 希望得大神指导

before：

after：

代码：

<script src="js/mui.min.js"></script>
		 href="css/mui.min.css" target="_blank" rel="external nofollow"  rel="stylesheet" />
		
	

	
		
   
		
   
			
    
			
    
				
     
				
     
					
      
						
       
         侧滑页面 
       
					
      
				
     
				
     
				
     
					
      
					
              
 标题       
         
				
     
				
     
				
     
					
      
					
      
						
       
						主页面
					
      
				
     
			
    
		
   
		<script src="js/jquery-git.js"></script>
		<script type="text/javascript">
			$('.mui-pull-left').click(function() {
				mui('.mui-off-canvas-wrap').offCanvas('show');
				$('.cover').css('display', 'block');
			});

			$('.cover').click(function() {

				mui('.mui-off-canvas-wrap').offCanvas('close');
				$('.cover').css('display', 'none');
			});
		</script>