How to design gray from left side of page and right side of page?

I work on asp.net MVC layout page . I need to make page layout layout from left side of page and right side of page are gray .

but I don't know how to do that using html and CSS or bootstrap .

exactly what I need is to how to assign left side and right side with gray as image

sample I need to make it as below :

layout page as below :

   
    @Styles.Render("~/Content/css")

    @Scripts.Render("~/bundles/modernizr")


    @Scripts.Render("~/bundles/jquery")

    
    


    

        
      
            

                
                

                
                

                
                

                
                

                Employee Self Service
                


                

            
           
        
    
    

  
    

        
        
    

    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)

image i desired to get it as below :

ddd