basic html/css layout of planner-basic added