<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
#outerDiv{
display:grid;
grid: 90px/ auto auto auto;
background-color: #cccccc;
}
#outerDiv div{
border:1px solid #267326;
padding:25px;
background:#339933;
color:#fff;
margin:8px;
text-align:center;
}
#outerDiv div:nth-child(1){
grid-column: 1 / span 3;
}
#outerDiv div:nth-child(2){
background:#cc6600;
grid-row: 2 / span 3;
}
#outerDiv div:nth-child(3){
background:#ff1a1a;
grid-row: 2 / span 2;
}
#outerDiv div:nth-child(4){
background:#008ae6;
grid-row: 3 / span 1;
}
#outerDiv div:nth-child(5){
background:#b31aff;
grid-area: 4 / 2 / span 1 / span 2;
}
</style>
</head>
<body>
<div id="outerDiv">
<div>Header</div>
<div>Left side Menu</div>
<div>Page Content</div>
<div>Advertisement</div>
<div>Footer</div>
</div>
</body>
</html>